Unobtrusive javascript 未验证非活动标签

Question

是的，我知道有人问了这个问题，但我的问题不同我必须验证我有可见和不可见的选项卡.. 可见的选项卡明显处于活动状态并且在活动选项卡中 我想验证可见的活动和非活动选项卡 我试过这个解决方案

$("#frmClaim").validate( 
 { ignore: [] }
);

但是这个东西可以验证所有可见和不可见的选项卡 请帮助

Answer 1

我已经通过搜索 allot 解决了我的问题：

ignore：“.ignore :hidden”告诉它用 class ignore 忽略隐藏字段。

ignore: ".ignore" 会告诉它只忽略字段 will class .ignore.

ignore: ".ignore, :hidden" 会告诉它忽略字段 class .ignore AND 隐藏的字段。

根本不指定忽略选项，默认为忽略：":hidden"，它只会忽略隐藏字段。

设置为忽略：[] 告诉插件忽略任何内容并验证所有内容。

但问题是如果我们使用 ignore :hidden 它将不会验证处于非活动选项卡中的字段，如果我们使用 ignore :[] 它将验证处于可见活动、非活动和不可见活动、非活动状态的所有字段

我找到的唯一解决方案是根据您的条件添加 class 和删除 Class Like

首先在document.ready

中添加这段代码

$('#myform').validate().settings.ignore = ".ignore";

现在只需在您的选项卡上添加忽略 class

$('#tab_1_1 :input').addClass("ignore");

并删除

$('#tab_1_1 :input').removeClass("ignore");