如何驗證多個表單並使用ajax發送電子郵件？

Question

Fiddle so far

我對jquery比較陌生，對於jquery驗證插件更是如此。我的問題是如何驗證多個表單（用戶可以動態地添加它們）分開/獨特？我已經爲這些表單添加了不同的名字，如果這有什麼幫助的話？

我的第二個問題是如何$ajax();發送電子郵件，而不必刷新頁面。

我希望對解決方案有一個詳細的解釋，以便我能更好地理解。謝謝！

Answer 1

你必須include script of validation plugin或使用cdn閱讀http://jqueryvalidation.org/

$("form").each(function() { 
    $(this).validate({ 
     submitHandler: function(form) { 
      $.ajax({ 
       type : 'POST', 
       url  : 'mail.php',// write code to send mail in mail.php 
       data : $(form).serialize(), 
       cache : false, 
       dataType: 'text', 
       success : function (serverResponse) { 
         alert('mail sent successfully.'); 
       }, 
       error : function (jqXHR, textStatus, errorThrown) { 
         alert('error sending mail'); 
       } 
      }); 
      return false; // Temporary 
     } 
    }); 
}); 

Demo