Question

我有一个页面，其中有多个项目，每个项目都附有一个表单，要查询它，所有这些项目都在页面加载时隐藏（display:none），但是单击按钮就会显示。

当我使用jquery验证来验证表单（然后提交）时，我使用：

$("#enquire").validate({
    rules: {
        *rules*
    }
});

然后提交：

$("#enquire").submit(function () {
    if ($(this).valid()) {
        **ajax**
    }
});

但是这需要具有ID的表单，但当然每页只允许一个ID。

我怎样才能克服这个？

Answer 1

修改

回到课程:)但是这个额外的一行：$(this).validate();

$('.enquire').submit(function () { $(this).validate(); //I think you need this line if ($(this).valid()) { **ajax** } });

Answer 2

更新和答案

问题在于多重验证，通过验证每个表单来修复：

$('form').each(function() {  // attach to all form elements on page
    $(this).validate({       // initialize plugin on each form
    * rules here *
    });
});

验证/提交多个表格

2 个答案: