Jquery 多tab验证
2020-11-23 20:27 若藜520 阅读(188) 评论(0) 编辑 收藏 举报Jquery validate 默认不验证hidden 控件和带有display:none的控件,所以没有显示的tab页面是不会验证的,要验证需要更改Jquery validator的默认设置,引入Jquery后设置ignore: ""即可
<script src="/Scripts/jquery-3.4.1.js"></script> <script src="/Scripts/jquery.validate.js"></script> $(function () { $.validator.setDefaults({ ignore: "",
showErrors: function(errorMap,errorList) {
//此方法处理所有不满足校验的元素,根据需要跳转到有错误的tab页面
var i = 0;
for(var key in errorMap){
//alert("属性:" + key + ",值:"+ errorMap[key]);
if(i == 0){
// 所有tab页的内容域
var conents = $("div.tab_tontent > div");
// 所有tab页头
var tabs = $("div.tab_menu ul li");
var index = conents.index(conents.has("[name='"+key+"']"));
tabs.eq(index).click();
}
i++;
}
this.defaultShowErrors();
}
}); }