代码改变世界

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();
            }


}); }