Question

span的innerHTML变化取决于AJAX。如果span的innerHTML为<img src="images/not-available.png">，则submit应返回false。

HTML：

<form  onsubmit="return validateemail()">
<span id= "message"><img src="images/not-available.png"></span>
<button id='submit' name="submit" type='submit'>Submit</button>
</form>

JS：

function validateemail()
{
      var munx = document.getElementById("message").innerHTML;

      var muny = '<img src="images/not-available.png">';
      if (munx == muny)
      {
      alert ("Email id is already Exist");
      return false;
      }
}

我尝试了这段代码，但它没有用。

Answer 1

您可以在项目中使用 jQuery Validation Plugin （http://jqueryvalidation.org/validate/）。这是标准的表单验证，您可以以不同的方式使用。

例如：

$(".selector").validate({
  invalidHandler: function(event, validator) {
    // 'this' refers to the form
    var errors = validator.numberOfInvalids();
    if (errors) {
      var message = errors == 1
        ? 'You missed 1 field. It has been highlighted'
        : 'You missed ' + errors + ' fields. They have been highlighted';
      $("div.error span").html(message);
      $("div.error").show();
    } else {
      $("div.error").hide();
    }
  }
});

ajax 的示例：有效时通过Ajax提交表单。

$(".selector").validate({
  submitHandler: function(form) {
    $(form).ajaxSubmit();
  }
});

Answer 2

你验错了。

看到这个：

 <span id= "message"><img src="images/not-available.png"></span>

现在看到了这个：

 var muny = '<img src="images/not-available.png"/>';

你能注意到额外的＆＃34; /＆＃34;第二个中的字符，即在img结束括号之前。那就是造成这个问题。

所以用这个替换：

var muny = '<img src="images/not-available.png">';

表单提交验证

2 个答案: