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


    }); }
  • 相关阅读:
    古典问题rabbit
    输入两个正整数m和n,求其最大公约数和最小公倍数
    水仙花数
    输入一行字符,分别统计出其中英文字母,空格,数字和其他字符的个数。
    mybatis中的#和$的区别
    SpringMVC 中整合JSON、XML视图
    Gson简要使用笔记
    Spring Framework Artifacts
    Quartz的cron表达式
    清除svn文件目录的bat脚本
  • 原文地址:https://www.cnblogs.com/lidaying5/p/14026819.html
Copyright © 2011-2022 走看看