表單驗證電子郵件jQuery插件

Question

if ($("#form").validate().form() == true) { 

    $('#form').submit(function() { 
     var mail = $("#mail_content").val(); 
     $.ajax({ 
      type: "POST", 
      url: "process.php", 
      data: "mail="+ mail, 
      success: function(){ 
      $('.email').fadeOut(200); 
      $('.notified').delay(200).fadeIn(200); 
      } 
     }); 
     return false; 
    }); 

    } 

    else {} 

我認爲

if ($("#form").validate().form() == true) { 

是不是有什麼必須是

我的資源：

http://docs.jquery.com/Plugins/Validation/Validator/form

提交ajax的部分工作，我只想驗證輸入的電子郵件地址

個

MERCI對您有所幫助

編輯：

我忘記

我已經嘗試過這種代碼

$("#form").validate({ 
    submitHandler: function(form) { 
     $('#form').submit(function() { 

     var mail = $("#mail_content").val(); 
     $.ajax({ 
      type: "POST", 
      url: "process.php", 
      data: "mail="+ mail, 
      success: function(){ 
       $('.email').fadeOut(200); 
       $('.notified').delay(200).fadeIn(200); 
      } 
     }); 
     return false; 
    }); 
    } 
    }); 

，但由於某種原因，我不得不兩次單擊提交按鈕... ??

明白我的意思在這裏：

http://herenhoek.nl/test/

Answer 1

第二個代碼示例你的問題幾乎是正確的，除了重用表單的jQuery對象的常見錯誤。在這種情況下，您不需要再次觸發submit事件，因爲您正在使用AJAX請求來處理該流程。

閱讀插件文檔的以下部分：Too much recursion

正確的語法是：

$("#form").validate({ 
    submitHandler: function(form) { 
     var mail = $("#mail_content").val(); 

     $.ajax({ 
      type: "POST", 
      url: "process.php", 
      data: "mail="+ mail, 
      success: function() { 
       $('.email').fadeOut(200); 
       $('.notified').delay(200).fadeIn(200); 
      } 
     }); 
    } 
});