zoukankan      html  css  js  c++  java
  • Jquery 多tab验证

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


    }); }
  • 相关阅读:
    存图---链式前向星
    Codeforces Round #664 (Div. 2)(A B C D)
    Go Running HDU
    Total Eclipse HDU
    Little W and Contest HDU
    2018 ICPC Asia Nanjing Regional Contest
    Codeforces Round #662 (Div. 2)(A B C D)
    Codeforces Round #661 (Div. 3)(A B C D E)
    素数判断(欧拉筛)
    网络流专题 模板 + 例题 (Going Home POJ
  • 原文地址:https://www.cnblogs.com/lidaying5/p/14026819.html
Copyright © 2011-2022 走看看