不显眼的 javascript 未验证不活动的选项卡

Unobtrusive javascript is not validating inactive Tabs

提问人:Mussaib Siddiqui 提问时间:9/7/2016 最后编辑:user3678528Mussaib Siddiqui 更新时间:9/8/2016 访问量:184

问:

是的,我知道有人问这个问题,但我的问题不同,我必须验证我有可见和不可见的选项卡。 可见的选项卡显然处于活动状态,并且处于活动状态 我想验证可见的活动和非活动选项卡 我已经尝试过这个解决方案

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

但是这样的事情可以验证所有可见和不可见的选项卡 请帮忙

不显眼验证 unobtrusive-javascript

评论


答:

1赞 Mussaib Siddiqui 9/8/2016 #1

我已经通过搜索分配解决了我的问题:

ignore: “.ignore :hidden” 告诉它忽略类 ignore 的隐藏字段。

ignore: “.ignore” 会告诉它只忽略字段将类 .ignore。

ignore: “.ignore, :hidden” 会告诉它忽略隐藏的字段将类 .ignore AND 字段。

在不指定 ignore 选项的情况下,默认值为 ignore: “:hidden”,它只会忽略隐藏字段。

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

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

我发现的唯一解决方案是根据您的条件添加类和删除类,例如

首先在document.ready中添加此代码

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

现在只需在选项卡上添加忽略类

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

并删除

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