页面上的多个联系表格PHP - 无页面刷新

Question

是否有可能在一个页面上有多个联系表单，并且仍然验证并发送电子邮件而不刷新页面。

我已经使用了下面的教程，但如果明显复制这仍然只验证的原始形态......

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

我可以复制了JS等为每个需要的表格，但必须有一个更有效的方式做到这一点，也许隐藏的值&窗体ids ?.

有人有什么想法吗？

感谢

Answer 1

这当然是可能的，不幸的是，演示手工建造使用的ID手动将数据字符串，它并不能使它易于转换为多种形式。在表单上使用.serialize（）方法会更方便。

以下（简化）示例应该适用于页面上具有类“ajax”的任意数量的表单。具有“必需”类的输入元素将首先检查值，并且如果缺少背景红色，则会应用背景红色：

$('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. 
});