頁面PHP上的多個聯系表單-沒有頁面刷新

Question

是否可以在一個頁面上有多個聯系表單，並且仍然可以在不刷新頁面的情況下驗證並發送電子郵件。

我已經使用了下面的教程，但是如果復制的話顯然只能驗證原始格式...

http://www.ajaxfreak.com/2009/12/03/submit-a-form-without-page-refresh-using-jquery/

我可以為每種所需的表單復制JS等，但是必須有一種更有效的方法，例如隱藏值和表單ID？

有人有什么想法嗎？

謝謝

Answer 1

當然，很可能不幸的是，該演示使用ID手動構建了數據字符串，這並不容易轉換為多種形式。 在表單上使用.serialize（）方法會更加方便。

以下（簡化的）示例適用於頁面上具有“ ajax”類的任意數量的表單。 將首先檢查具有“ required”類的輸入元素的值，如果缺失，則將應用背景紅色：

$('form.ajax').submit(function() {
   var validates = true;
   $(this).find('input.required').each(function() {
      if($(this).val() == '') {
         $(this).css('background', '#ff9999');
         validates = false
      } else {
         $(this).css('background', '#ffffff');
      }
   }
   if(validates)  {
      $.ajax({
         type: "POST",
         url: "bin/process.php",
         $(this).serialize(),
         success: function() {
             // things to do on success here!
         }
      });
   }
   return false; // prevent normal form submission.
});