jQuery 验证忽略带有样式的元素

Question

我正在使用 jQuery validate 进行客户端验证，并且我想忽略任何具有 style="display: none" 的元素，

$("#myform").validate({
   ignore: "?"
});

在上述情况下我的选择器会是什么？

Answer 1

注意：从版本 1.9.0 开始，ignore: ":hidden" 是默认选项，因此不必再显式设置。

---

使用 :hidden：

由于多种原因，元素可以被视为隐藏：

• 它们的显示值为无。
• 它们是 type="hidden" 的表单元素。
• 它们的宽度和高度明确设置为 0。
• 祖先元素被隐藏，因此该元素不会显示在页面上。

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

---

更新：为了完整性，来自插件文档：

忽略
验证时要忽略的元素，只需将其过滤掉即可。使用 jQuery 的 not 方法，因此 not() 接受的所有内容都可以作为此选项传递。提交和重置类型的输入始终被忽略，禁用的元素也是如此。

Answer 2

http://api.jquery.com/hidden-selector/

"：隐藏”

就是您要寻找的内容。

由于多种原因，元素可以被视为隐藏：

• 它们的显示值为无。
• 它们是 type="hidden" 的表单元素。
• 它们的宽度和高度明确设置为 0。
• 祖先元素被隐藏，因此该元素不会显示在页面上。

我感觉这样可能会更好。