jQuery表单验证在页面选项卡中无法正常工作。

Question

基本上，我有一个简单的POST表单，使用jquery的Validate库进行验证一切正常，但后来我使用了Bootstrap和其他库的选项卡功能，将表单分成两个不同的选项卡。现在的问题是，只有打开（可见）选项卡中的输入字段满足条件时才会进行验证，无论隐藏选项卡中的其他输入字段的状态如何。

有什么可能的建议吗？

- Khaled

---

这个问题在这里得到了回答：https://dev59.com/w2035IYBdhLWcg3wErvM - jtheman

是的，它只会验证您可见的字段，您可以使用表单向导来进行操作。 - rajesh kakawat

非常有用的问题 https://dev59.com/02oy5IYBdhLWcg3wkO2g - Hakan Fıstık

Answer 1

我认为你的问题可能是因为 jQuery 默认只验证可见字段。所以你需要告诉 jQuery 不要忽略你隐藏的字段（其他选项卡）。可以按照以下方式进行操作：

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

默认情况下，ignore: ":hidden"。
请参见此答案和这份文档（选项 -> 忽略）。

- Miika L.

Answer 2

请查看上面的已接受答案，它非常有帮助。
但如果使用 unobtrusive validation，那么已接受的答案将无法正常工作，这里是解决方案。

$("#form1").data("validator").settings.ignore = "";

see this

- Hakan Fıstık

---

谢谢，你救了我的一天。我一直在各处看到被接受的答案的解决方案，不知道为什么对我不起作用。干杯！ - Pirate