jquery表单验证在页面中使用选项卡不起作用

时间:2012-10-17 06:23:29

标签: jquery validation tabs twitter-bootstrap

所以基本上我有一个简单的POST表单,使用来自jquery的Validate库进行验证,一切正常,但后来我使用了bootstrap中的tabs功能和许多其他库将表单分成两个不同的选项卡。现在的问题是验证只发生在打开(可见)选项卡上,无论隐藏选项卡中其他输入字段的条件如何。 有什么可能的建议吗?

2 个答案:

答案 0 :(得分:25)

我认为您的麻烦可能是默认情况下jquery只会验证可见字段。所以你需要做的是告诉jquery不要忽略你的隐藏字段(其他标签)。这可以按如下方式完成:

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

默认ignore: ":hidden"
请参阅this answerthis documentation(选项 - >忽略)。

答案 1 :(得分:1)

请参阅上面接受的答案,这真的很有帮助。
只是在使用unobtrusive validation的情况下,接受的答案将不起作用,这是解决方案。

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

see this