在同一页面上validation多个表单

例如，我在页面中有3个具有相同名称的表单。 如何使用一种validation方法validation所有这些表单？

我想要同时validation所提交的表单不是全部。

 $('#formID').validate({ }) 

我的解决方案不起作用。 我还发现我无法添加不同的ID，因为这些表单在PHP循环中，并且必须具有相同的ID。

Answer 1

以下是在单个页面上validation多个表单的解决方案：

它对我有用。 我在一个页面中为5个表单编写了此代码。

Answer 2

当您需要将相同的.validate()方法应用于多个表单时，您只需要一个jQuery .each()然后您可以通过form标记一次性地将它们全部定位。

 $('form').each(function() { // <- selects every 
 on page $(this).validate({ // <- initialize validate() on each form // your options // <- set your options inside }); }); 

演示： http ： //jsfiddle.net/K6Tkn/

---

引用OP：

“我还发现我无法添加不同的ID，因为这些表单在PHP循环中，并且必须具有相同的ID。”

然后你的PHP循环没有正确构建。 页面上的每个id必须是唯一的，否则HTML标记无效 。 您可以简单地使用class而不是id 。 否则，如果页面上没有其他

元素，您可以使用$('form')将它们全部定位，如上面的演示所示。

Answer 3

我为你创造了小提琴 。 如果你确实需要它们，请添加ids。

关键是将相同的类添加到表单并validation每个表单。

 $('form.validateForm').each(function(key, form) { $(form).validate(); }); 

Answer 4

     " rel="stylesheet" /> "> "> ">    
   
 
   
    

Answer 5

 inspired by the answer of @Irshad Khan ,hope it may help others. Apply data-rule-required="true" to required html inputs then in jquery $('form').submit(function (e) { e.preventDefault(); var clikedForm = $(this); if (clikedForm.valid()) { alert('valid'); } else { alert('not_valid'); } }); 

Answer 6

只需在页面上插入以下代码并使用您想要的多种表单即可。