javascript - 如何跳过隐藏 div 中的验证字段

Question

我有一个表单，其中有 5 个 div。一个总是可见的。其他四个使用 style="visibility:hidden; position: absolute;" 保持隐藏，并且可以通过调用 add 方法并执行以下操作使其可见:

.css("visibility","visible")`) 

单击某个链接，可以通过调用remove 方法并执行以下操作来删除:

.css("visibility","hidden");`

还有。

每个 div 都有相同数量的输入字段(即 2 个输入字段)。

但是当我提交页面时，什么也没有发生，当我显示我的下一个 div(点击 addNewDiv 链接)时，我看到两个字段都是红色的，并且在这些字段旁边有一条消息(“This field is required.”)。

我尝试使用 style="display:none"，但没有用，下面的方法也没有用:

$('#myFormId').validate({ 
        ignore: ":hidden" 
});

我真的不能在这里发布代码。

Answer 1

由于分号 (:) 是 jquery 中的属性，而 hidden 是 CSS 规则，因此您可能希望向所有隐藏字段添加一个类，然后在添加要忽略的类时切换该类，如下所示:

$('#myFormId').validate({ 
   ignore: ".hidden" 
});

.hidden
{
    visibility: hidden;
}