联系表格提交两次

Question

我增加了邮件订阅弹出形式，它是在提交发送两次，也正在显示的确认消息的两倍

下面是代码：

$(document).ready(function() { 
    $(".modalbox").fancybox(); 
    $("#contact").submit(function(e) {  

     e.preventDefault();     

     var emailval = $("#email").val(); 

     var mailvalid = validateEmail(emailval); 

     if(mailvalid == false) { 
      $("#email").addClass("error"); 
     } 
     else if(mailvalid == true){ 
      $("#email").removeClass("error"); 
     } 


     if(mailvalid == true) { 
      // if both validate we attempt to send the e-mail 
      // first we hide the submit btn so the user doesnt click twice 
      $("#send").replaceWith("<em>sending...</em>"); 

      $.ajax({ 
       type: 'POST', 
       url: 'sendmessage.php', 
       data: $("#contact").serialize(), 
       success: function(data) { 
        if(data == "true") { 
         $("#contact").fadeOut("fast", function(){ 
          $(this).before("<p><strong>Success! You have signed up for a trial. A member of our team wil soon be in contact :)</strong></p>"); 
          setTimeout("$.fancybox.close()", 1700); 
         }); 
        } 
       } 
      }); 
     } 
    }); 
}); 

Answer 1

我不“吨认为有任何必要写这行：

$("#contact").submit(function() { return false; }); // Remove this 

您可以删除此行：

$("#send").on("click", function(){  // Remove this 

而且写来代替：

$("#contact").submit(function(e) {  // Add this 

    e.preventDefault();     // Add this 

    var emailval = $("#email").val(); 

    var mailvalid = validateEmail(emailval); 

    /* Other code */ 

});