jquery - 提交 AJAX 表单前确认电子邮件地址

Question

我有一个通过 AJAX 提交的表单。该表单包含许多字段，但我遇到问题的两个字段是“emailaddress”和“confirmemailaddress”。我希望只有在这两个字段相同的情况下才能提交表单。需要注意的是，这两种形式也不是必需的。所以如果他们都是空白的，他们应该可以提交就好了。

这是我目前正在使用的代码。我已经删除了很多在表单提交期间和之后发生的视觉效果，以保持它的整洁。

$(function() {

  $("#contact_form form").submit(function() {
    var thistarget = this.target;

    $("#contact_form form").validate({
    rules: {
        emailaddress: "required",
        confirmemailaddress: {
        equalTo: "#emailaddress"
           }
         }
    });
   return false;  

  $.ajax({  

      type: this.method, 
      url: this.action,  
      data: $(this).serialize(), 

      success: function() {  
        alert ("success:");

        $('#contact_form').html("<div id='message'></div>");  
        $('#message').html("<h2>Request Form Submitted!</h2>")  
        .append("<p>We will be in touch soon.</p>")  
        .hide()  
        .fadeIn(1500, function() {  
          $('#message').append("Thank you!");  
        }); 

      }


    });

   return false;  

  });
});

Answer 1

只需删除：电子邮件地址：“必需”，如果您有该规则，除非您输入电子邮件地址，否则您将无法提交表单。

Answer 2

而不是验证器使用下面的代码..

if( $('#emailaddress').val() == $('#confirmemailaddress').val() ) 
{
do ajax code
}else{
return false;
}