如何在表单中的两个部分进行jquery/validation？

Question

所以我有一个相当大的形式有两个不同的部分.两个部分都以隐藏的方式开始:

<fieldset class="section1" style="display:none">
//...input fields
</fieldset>
<fieldset class="section2" style="display:none">
//...input fields
</fieldset>

根据用户选择的单选按钮显示这些部分.这一切都很有效,直到我进行验证.我怎样才能使用jQuery/Validation插件验证表单,但是它只验证显示的部分？

注意:还有其他部分始终显示,所以我宁愿没有两个单独的表单.

Answer 1

您可以ignore验证表单隐藏部分内元素的规则:

$('#myForm').validate({
    ignore: 'fieldset:hidden :input',
    ...
});