限时优惠活动
亲爱的苦力吧用户，我们为了回馈新老用户一直以来的鼎力支持，即日起（2025-02-06至2025-03-06）凡是购买苦力吧VIP/充值K币的新老用户，都直接可获得买一送一的优惠馈赠。例如：购买一个月的VIP会员可直接获得两个月的VIP会员；充值100K币可直接获得200K币，以此类推！有任何疑问可联系在线客服，感谢各位用户对苦力吧素材的信任与厚爱，我们将一如既往的给大家上新更多优质的素材源码，祝大家开工大吉、工作顺利、心想事成。
  1. 首页
  2. 网页特效
  3. 表单验证

jquery多功能多字段类型表单验证

所属分类： 网页特效-表单验证    2024-11-28 11:16:18

 7.2K  0  查看评论 (0)
jquery多功能多字段类型表单验证 ie兼容6
 查看演示  登录后下载 温馨提示
登录会员即可享受免费下载  我要建站

jquery多功能多字段类型表单验证（共4个文件）

    • index.html

使用方法

  • code
  • source
  1. (function(my){

  2.     my.extend({

  3.         myvali:function(id){

  4.             var myobj={

  5.                 myVali:".vali",                            //input标签的父盒子class,默认vali

  6. 

  7.                 Required:".Required",                    //只验证不为空

  8.                 RequiredTps:["不能为空!!!"],                //只验证不为空提示

  9. 

  10.                 Requireds:".Requireds",                    //验证不为空自定义提示

  11.                 reqtps:".reqtps",                        //验证不为空自定义提示,input父盒子的class

  12.                 ReqlengthTps:[""],                        //验证不为空长度提示

  13.                 RequiredsTps:["不能为空"],                //验证不为空默认提示

  14. 

  15.                 myNameMinLength:3,                        //默认用户名最小长度    

  16.                 myNameMaxLength:8,                        //默认用户名最大长度

  17. 

  18.                 myPasswordMinLength:6,                    //默认密码最小长度

  19.                 myPasswordMaxLength:16,                    //默认密码最大长度

  20.                 isServer:false,                            //是否要与数据库验证，默认false为否

  21. 

  22.                 corrCol:["rgb(78, 117, 4)"],            //默认正确提示文字的颜色

  23.                 errCol:["red"],                            //默认错误提示文字的颜色

  24. 

  25.                 PwdStrong:false,                        //密码强度验证，默认false不开启，true开启

  26.                 isStrongTps:["弱","中","强"],            //密码强度提示，可自定义

  27. 

  28.                 isServerType:"post",                    //用户名以什么方式提交

  29.                 isServerDType:"json",                    //用户名以什么格式提交

  30. 

  31.                 count:60,                                //发送短信验证码倒计时，默认60s

  32.                 isPhoneCodeType:"post",                    //短信验证以什么方式提交（按钮）

  33.                 isPhoneCodeDType:"json",                //短信验证以什么格式提交（按钮）

  34. 

  35.                 phoneCodeInputType:"post",                //短信验证以什么方式提交（输入框）

  36.                 phoneCodeInputDType:"json",                //短信验证以什么格式提交（输入框）

  37. 

  38.                 phoneIsServerType:"post",                //手机号以什么方式提交

  39.                 phoneIsServerDType:"json",                //手机号以什么格式提交

  40. 

  41.                 phoneIsServerType1:"post",                //修改手机号以什么方式提交

  42.                 phoneIsServerDType1:"json",                //修改手机号以什么格式提交

  43. 

  44.                 CodeIsServerType:"post",                //验证码以什么方式提交

  45.                 CodeIsServerDType:"json",                //验证码以什么格式提交

  46. 

  47.                 myPhone:"",                                //手机号

  48.                 myPhone1:"",                            //修改手机号

  49.                 isMyCode:false,                            //开启与手机同时验证发送短信功能，默认false不开启

  50.                 myNameNuber:"数字",                        //验证数字提示的名字

  51.                 isCheckbox:"",                           //勾选阅读同意

  52.                 callback:"undefined",                    //ajax提交

  53.             };

  54.             var mclass=$.extend({},myobj,id);

  55. 

  56.             var myVali=$(mclass.myVali),                    //input标签父盒子class

  57.                 myform=$(mclass.myform),                    //表单id

  58.                 mybtn=$(mclass.mybtn);                        //提交表单按钮

  59. 

  60.             //创建验证表单提示元素

  61.             var p=$("<p style="+"font-size:12px;display:inline;vertical-align:top;"+"></p>");

  62.             //将p元素插入到表单后代为myVali

  63.             myform.find(myVali).append(p);

  64.             

  65.             var Required=$(mclass.Required),                        //验证不为空

  66.                 RequiredTps=$(mclass.RequiredTps),                    //验证不为空提示

  67.             

  68.                 Requireds=$(mclass.Requireds),                        //验证不为空，不同提示

  69.                 reqtps=$(mclass.reqtps),                            //验证不为空，不同提示

  70.                 Reqlength=$(mclass.Reqlength),                        //验证不为空长度

  71.                 ReqlengthTps=$(mclass.ReqlengthTps),                //验证不为空长度自定义提示

  72.                 RequiredsTps=$(mclass.RequiredsTps),                //验证不为空自定义提示

  73. 

  74.                 myname1=$(mclass.myName),                            //用户名

  75.                 myname2=$(mclass.myName2),                            //昵称

  76.                 myphone=$(mclass.myPhone),                            //手机号

  77.                 myphone1=$(mclass.myPhone1),                        //修改手机号

  78.                 myCard=$(mclass.myCard),                            //身份证

  79.                 isPhoneCode=$(Number(mclass.isPhoneCode)),            //开启手机短信验证

  80.                             

  81.                 phoneCodeBtn=$(mclass.phoneCodeBtn),                //发送手机号短信验证码（按钮）

  82.                 count=$(mclass.count),                                //发送短信验证码倒计时，默认60s

  83.                 codeBtnCol1=$(mclass.codeBtnCol1),                    //短信验证码倒计时（按钮，通过验证前）颜色

  84.                 codeBtnCol2=$(mclass.codeBtnCol2),                    //短信验证码倒计时（按钮，通过验证后）颜色

  85.                 isPhoneCodeUrl=$(mclass.isPhoneCodeUrl),            //发送手机验证码与数据库验证的路径

  86.                 isPhoneCodeType=$(mclass.isPhoneCodeType),            //以什么方式提交

  87.                 isPhoneCodeDType=$(mclass.isPhoneCodeDType),        //以什么格式提交

  88. 

  89.                 phoneCodeInput=$(mclass.phoneCodeInput),            //手机短信验证码（输入框）

  90.                 phoneCodeInputUrl=$(mclass.phoneCodeInputUrl),        //短信验证码与数据库验证的路径

  91.                 phoneCodeInputType=$(mclass.phoneCodeInputType),    //以什么方式提交

  92.                 phoneCodeInputDType=$(mclass.phoneCodeInputDType),    //以什么方式提交

  93. 

  94.                 mymailbox=$(mclass.myMailbox),                        //邮箱

  95.                 myNuber=$(mclass.myNuber),                            //数字

  96.                 myNuberlength=$(mclass.myNuberlength),                //数字长度

  97.                 myNameNuber=$(mclass.myNameNuber),                    //验证数字名字

  98.                 

  99.                 chinese=$(mclass.chinese),                            //验证中文

  100.                 chinesetps=$(mclass.chinesetps),                    //中文验证提示

  101. 

  102.                 mailboxIsServer=$(Number(mclass.mailboxIsServer)),    //邮箱是否要与数据库验证，默认false为否

  103.                 mailboxIsServerUrl=$(mclass.mailboxIsServerUrl),    //邮箱与数据库验证的路径

  104.                 mailboxIsServerType=$(mclass.mailboxIsServerType),    //以什么方式提交

  105.                 mailboxIsServerDType=$(mclass.mailboxIsServerDType),//以什么格式提交

  106. 

  107.                 mypassword=$(mclass.myPassword),                    //密码

  108.                 mypasswords=$(mclass.myConfirmPassword),            //确认密码

  109. 

  110.                 phoneIsServer=$(Number(mclass.phoneIsServer)),        //开启手机号与数据库验证

  111.                 phoneIsServerUrl=$(mclass.phoneIsServerUrl),        //手机号与数据库验证的路径

  112.                 phoneIsServerType=$(mclass.phoneIsServerType),        //以什么方式提交

  113.                 phoneIsServerDType=$(mclass.phoneIsServerDType),    //以什么格式提交

  114. 

  115.                 phoneIsServer1=$(Number(mclass.phoneIsServer1)),    //开启手机号与数据库验证

  116.                 phoneIsServerUrl1=$(mclass.phoneIsServerUrl1),        //手机号与数据库验证的路径

  117.                 phoneIsServerType1=$(mclass.phoneIsServerType1),    //以什么方式提交

  118.                 phoneIsServerDType1=$(mclass.phoneIsServerDType1),    //以什么格式提交

  119. 

  120.                 myCode=$(mclass.myCode),                            //验证码

  121.                 CodeIsServerUrl=$(mclass.CodeIsServerUrl),            //验证码与数据库匹配的路径

  122.                 CodeIsServerType=$(mclass.CodeIsServerType),        //以什么方式提交

  123.                 CodeIsServerDType=$(mclass.CodeIsServerDType),        //以什么格式提交                    

  124. 

  125.                 PwdStrong=$(Number(mclass.PwdStrong)),                //验证密码强度，true开启，默认false不开启

  126.                 isStrongTps=$(mclass.isStrongTps),                    //密码强度提示，可自定义

  127. 

  128.                 NameMinLength=$(mclass.myNameMinLength),            //用户名最小长度

  129.                 NameMaxLength=$(mclass.myNameMaxLength),            //用户名最大长度

  130. 

  131.                 NameMinLength2=$(mclass.myNameMinLength2),            //昵称最小长度

  132.                 NameMaxLength2=$(mclass.myNameMaxLength2),            //昵称最大长度

  133. 

  134.                 PasswordMinLength=$(mclass.myPasswordMinLength),    //密码最小长度    

  135.                 PasswordMaxLength=$(mclass.myPasswordMaxLength),    //密码最大长度

  136. 

  137.                 corrCol=$(mclass.corrCol),                            //设置正确提示文字的颜色                                            

  138.                 errCol=$(mclass.errCol),                            //设置错误提示文字的颜色        

  139. 

  140.                 nameIsserver=$(Number(mclass.nameIsServer)),        //用户名是否要与数据库验证，默认false为否

  141.                 nameIsserverUrl=$(mclass.nameIsServerUrl),            //用户名与数据库验证的路径

  142.                 nameIsServerType=$(mclass.nameIsServerType),        //以什么方式提交

  143.                 nameIsServerDType=$(mclass.nameIsServerDType),        //以什么格式提交

  144. 

  145.                 isCheckd=$(mclass.isCheckbox),                        //勾选阅读同意    

  146.                 

  147.                 isMyCode=$(mclass.isMyCode),                        //开启与手机同时验证发送短信功能，默认false不开启

  148. 

  149.                 codeval=myform.find(phoneCodeBtn).val();            //获取短信验证码按钮初始value值

  150.                 // console.log(myNameNuber.selector)

  151.                 if(chinesetps.length!=0){

  152.                     var chitps=chinesetps[0].tps||"中文",                        //中文提示

  153.                         chiminLength=chinesetps[0].minLength||0,                //中文最小长度

  154.                         chimaxLength=chinesetps[0].maxLength||Infinity;            //中文最大长度

  155.                 }

  156. 

  157.             //所有验证的方法

  158.             var valiform={

  159.                 //短信验证按钮

  160.                 ismsgbtn:function(){

  161.                     var codeval1=myform.find(phoneCodeBtn).val();

  162.                     if(codeval1=="重新获取"||codeval1==codeval){

  163.                         myform.find(phoneCodeBtn).css("color",codeBtnCol2[0]).removeAttr("disabled");

  164.                     }else{

  165.                         myform.find(phoneCodeBtn).css("color",codeBtnCol1[0]).attr("disabled","disabled");

  166.                     }

  167.                 },

  168.                 //手机号验证 

  169.                 vphone:function(){

  170.                     var strphone=/^1[3|4|5|7|8][0-9]{9}$/;

  171.                     if($(this).val()==""){

  172.                         $(this).siblings("p").html("请输入手机号").removeAttr("class").css({"color":errCol[0]});

  173.                     }else if(!strphone.test($(this).val())){

  174.                         $(this).siblings("p").html("请输入11位正确的手机号").removeAttr("class").css({"color":errCol[0]});

  175.                         if(isPhoneCode[0]==1){

  176.                             if(isMyCode[0]==1){

  177.                                 if(myCode.siblings("p").hasClass("correct")&&$(this).siblings("p").hasClass("correct")){

  178.                                     valiform.ismsgbtn.apply(myphone);

  179.                                 }else{

  180.                                     myform.find(phoneCodeBtn).css("color",codeBtnCol1[0]).attr("disabled","disabled");

  181.                                 }

  182.                             }else{

  183.                                 if($(this).siblings("p").hasClass("correct")){

  184.                                     valiform.ismsgbtn.apply(myphone);

  185.                                 }else{

  186.                                     myform.find(phoneCodeBtn).css("color",codeBtnCol1[0]).attr("disabled","disabled");

  187.                                 }

  188.                             }

  189.                         }

  190.                     }else{

  191.                         // 手机号是否与数据库验证

  192.                         if(phoneIsServer[0]==1){

  193.                             //开启手机发送短信功能

  194.                             var $this=$(this),

  195.                                 vl=$this.val();

  196.                             $.ajax({

  197.                                 url:phoneIsServerUrl[0],

  198.                                 type:phoneIsServerType.selector,

  199.                                 dataType:phoneIsServerDType.selector,

  200.                                 data:{phone:vl},

  201.                                 success:function(data){

  202.                                     if(data==1){

  203.                                         $this.siblings("p").html("手机号可以注册").attr({"class":"correct"}).css({"color":corrCol[0]});

  204.                                         if(isPhoneCode[0]==1){

  205.                                             if(isMyCode[0]==1){

  206.                                                 if(myCode.siblings("p").hasClass("correct")){

  207.                                                     valiform.ismsgbtn.apply(myphone);

  208.                                                 }

  209.                                             }else{

  210.                                                 if($this.siblings("p").hasClass("correct")){

  211.                                                     valiform.ismsgbtn.apply(myphone);

  212.                                                 }else{

  213.                                                     myform.find(phoneCodeBtn).css("color",codeBtnCol1[0]).attr("disabled","disabled");

  214.                                                 }

  215.                                             }

  216.                                         }

  217.                                     }else{

  218.                                         $this.siblings("p").html("手机号已被注册").removeAttr("class").css({"color":errCol[0]});

  219.                                         if(isPhoneCode[0]==1){

  220.                                             myform.find(phoneCodeBtn).css("color",codeBtnCol1[0]).attr("disabled","disabled");

  221.                                         }

  222.                                     }

  223.                                 },

  224.                                 error:function(error){

  225.                                     console.log(error);

  226.                                 }

  227.                             });

  228.                         }else{

  229.                             $(this).siblings("p").html("√").attr({"class":"correct"}).css({"color":corrCol[0]});

  230.                             if(isPhoneCode[0]==1){

  231.                                 if(isMyCode[0]==1){

  232.                                     if(myCode.siblings("p").hasClass("correct")){

  233.                                         valiform.ismsgbtn.apply(myphone);

  234.                                     }

  235.                                 }else{

  236.                                     if($(this).siblings("p").hasClass("correct")){

  237.                                         valiform.ismsgbtn.apply(myphone);

  238.                                     }else{

  239.                                         myform.find(phoneCodeBtn).css("color",codeBtnCol1[0]).attr("disabled","disabled");

  240.                                     }

  241.                                 }

  242.                             }

  243.                         }

  244.                     }

  245.                 },

  246.                 //修改手机号验证

  247.                 vphone1:function(){

  248.                     var strphone=/^1[3|4|5|7|8][0-9]{9}$/;

  249.                     if($(this).val()==""){

  250.                         $(this).siblings("p").html("请输入手机号").removeAttr("class").css({"color":errCol[0]});

  251.                     }else if(!strphone.test($(this).val())){

  252.                         $(this).siblings("p").html("请输入11位正确的手机号").removeAttr("class").css({"color":errCol[0]});

  253.                         if(isPhoneCode[0]==1){

  254.                             if(isMyCode[0]==1){

  255.                                 if(myCode.siblings("p").hasClass("correct")&&$(this).siblings("p").hasClass("correct")){

  256.                                     valiform.ismsgbtn.apply(myphone);

  257.                                 }else{

  258.                                     myform.find(phoneCodeBtn).css("color",codeBtnCol1[0]).attr("disabled","disabled");

  259.                                 }

  260.                             }else{

  261.                                 if($(this).siblings("p").hasClass("correct")){

  262.                                     valiform.ismsgbtn.apply(myphone);

  263.                                 }else{

  264.                                     myf<p></p>

  265.                                                 

(function(my){
    my.extend({
        myvali:function(id){
            var myobj={
                myVali:".vali",                            //input标签的父盒子class,默认vali

                Required:".Required",                    //只验证不为空
                RequiredTps:["不能为空!!!"],                //只验证不为空提示

                Requireds:".Requireds",                    //验证不为空自定义提示
                reqtps:".reqtps",                        //验证不为空自定义提示,input父盒子的class
                ReqlengthTps:[""],                        //验证不为空长度提示
                RequiredsTps:["不能为空"],                //验证不为空默认提示

                myNameMinLength:3,                        //默认用户名最小长度    
                myNameMaxLength:8,                        //默认用户名最大长度

                myPasswordMinLength:6,                    //默认密码最小长度
                myPasswordMaxLength:16,                    //默认密码最大长度
                isServer:false,                            //是否要与数据库验证，默认false为否

                corrCol:["rgb(78, 117, 4)"],            //默认正确提示文字的颜色
                errCol:["red"],                            //默认错误提示文字的颜色

                PwdStrong:false,                        //密码强度验证，默认false不开启，true开启
                isStrongTps:["弱","中","强"],            //密码强度提示，可自定义

                isServerType:"post",                    //用户名以什么方式提交
                isServerDType:"json",                    //用户名以什么格式提交

                count:60,                                //发送短信验证码倒计时，默认60s
                isPhoneCodeType:"post",                    //短信验证以什么方式提交（按钮）
                isPhoneCodeDType:"json",                //短信验证以什么格式提交（按钮）

                phoneCodeInputType:"post",                //短信验证以什么方式提交（输入框）
                phoneCodeInputDType:"json",                //短信验证以什么格式提交（输入框）

                phoneIsServerType:"post",                //手机号以什么方式提交
                phoneIsServerDType:"json",                //手机号以什么格式提交

                phoneIsServerType1:"post",                //修改手机号以什么方式提交
                phoneIsServerDType1:"json",                //修改手机号以什么格式提交

                CodeIsServerType:"post",                //验证码以什么方式提交
                CodeIsServerDType:"json",                //验证码以什么格式提交

                myPhone:"",                                //手机号
                myPhone1:"",                            //修改手机号
                isMyCode:false,                            //开启与手机同时验证发送短信功能，默认false不开启
                myNameNuber:"数字",                        //验证数字提示的名字
                isCheckbox:"",                           //勾选阅读同意
                callback:"undefined",                    //ajax提交
            };
            var mclass=$.extend({},myobj,id);

            var myVali=$(mclass.myVali),                    //input标签父盒子class
                myform=$(mclass.myform),                    //表单id
                mybtn=$(mclass.mybtn);                        //提交表单按钮

            //创建验证表单提示元素
            var p=$("<p style="+"font-size:12px;display:inline;vertical-align:top;"+"></p>");
            //将p元素插入到表单后代为myVali
            myform.find(myVali).append(p);
            
            var Required=$(mclass.Required),                        //验证不为空
                RequiredTps=$(mclass.RequiredTps),                    //验证不为空提示
            
                Requireds=$(mclass.Requireds),                        //验证不为空，不同提示
                reqtps=$(mclass.reqtps),                            //验证不为空，不同提示
                Reqlength=$(mclass.Reqlength),                        //验证不为空长度
                ReqlengthTps=$(mclass.ReqlengthTps),                //验证不为空长度自定义提示
                RequiredsTps=$(mclass.RequiredsTps),                //验证不为空自定义提示

                myname1=$(mclass.myName),                            //用户名
                myname2=$(mclass.myName2),                            //昵称
                myphone=$(mclass.myPhone),                            //手机号
                myphone1=$(mclass.myPhone1),                        //修改手机号
                myCard=$(mclass.myCard),                            //身份证
                isPhoneCode=$(Number(mclass.isPhoneCode)),            //开启手机短信验证
                            
                phoneCodeBtn=$(mclass.phoneCodeBtn),                //发送手机号短信验证码（按钮）
                count=$(mclass.count),                                //发送短信验证码倒计时，默认60s
                codeBtnCol1=$(mclass.codeBtnCol1),                    //短信验证码倒计时（按钮，通过验证前）颜色
                codeBtnCol2=$(mclass.codeBtnCol2),                    //短信验证码倒计时（按钮，通过验证后）颜色
                isPhoneCodeUrl=$(mclass.isPhoneCodeUrl),            //发送手机验证码与数据库验证的路径
                isPhoneCodeType=$(mclass.isPhoneCodeType),            //以什么方式提交
                isPhoneCodeDType=$(mclass.isPhoneCodeDType),        //以什么格式提交

                phoneCodeInput=$(mclass.phoneCodeInput),            //手机短信验证码（输入框）
                phoneCodeInputUrl=$(mclass.phoneCodeInputUrl),        //短信验证码与数据库验证的路径
                phoneCodeInputType=$(mclass.phoneCodeInputType),    //以什么方式提交
                phoneCodeInputDType=$(mclass.phoneCodeInputDType),    //以什么方式提交

                mymailbox=$(mclass.myMailbox),                        //邮箱
                myNuber=$(mclass.myNuber),                            //数字
                myNuberlength=$(mclass.myNuberlength),                //数字长度
                myNameNuber=$(mclass.myNameNuber),                    //验证数字名字
                
                chinese=$(mclass.chinese),                            //验证中文
                chinesetps=$(mclass.chinesetps),                    //中文验证提示

                mailboxIsServer=$(Number(mclass.mailboxIsServer)),    //邮箱是否要与数据库验证，默认false为否
                mailboxIsServerUrl=$(mclass.mailboxIsServerUrl),    //邮箱与数据库验证的路径
                mailboxIsServerType=$(mclass.mailboxIsServerType),    //以什么方式提交
                mailboxIsServerDType=$(mclass.mailboxIsServerDType),//以什么格式提交

                mypassword=$(mclass.myPassword),                    //密码
                mypasswords=$(mclass.myConfirmPassword),            //确认密码

                phoneIsServer=$(Number(mclass.phoneIsServer)),        //开启手机号与数据库验证
                phoneIsServerUrl=$(mclass.phoneIsServerUrl),        //手机号与数据库验证的路径
                phoneIsServerType=$(mclass.phoneIsServerType),        //以什么方式提交
                phoneIsServerDType=$(mclass.phoneIsServerDType),    //以什么格式提交

                phoneIsServer1=$(Number(mclass.phoneIsServer1)),    //开启手机号与数据库验证
                phoneIsServerUrl1=$(mclass.phoneIsServerUrl1),        //手机号与数据库验证的路径
                phoneIsServerType1=$(mclass.phoneIsServerType1),    //以什么方式提交
                phoneIsServerDType1=$(mclass.phoneIsServerDType1),    //以什么格式提交

                myCode=$(mclass.myCode),                            //验证码
                CodeIsServerUrl=$(mclass.CodeIsServerUrl),            //验证码与数据库匹配的路径
                CodeIsServerType=$(mclass.CodeIsServerType),        //以什么方式提交
                CodeIsServerDType=$(mclass.CodeIsServerDType),        //以什么格式提交                    

                PwdStrong=$(Number(mclass.PwdStrong)),                //验证密码强度，true开启，默认false不开启
                isStrongTps=$(mclass.isStrongTps),                    //密码强度提示，可自定义

                NameMinLength=$(mclass.myNameMinLength),            //用户名最小长度
                NameMaxLength=$(mclass.myNameMaxLength),            //用户名最大长度

                NameMinLength2=$(mclass.myNameMinLength2),            //昵称最小长度
                NameMaxLength2=$(mclass.myNameMaxLength2),            //昵称最大长度

                PasswordMinLength=$(mclass.myPasswordMinLength),    //密码最小长度    
                PasswordMaxLength=$(mclass.myPasswordMaxLength),    //密码最大长度

                corrCol=$(mclass.corrCol),                            //设置正确提示文字的颜色                                            
                errCol=$(mclass.errCol),                            //设置错误提示文字的颜色        

                nameIsserver=$(Number(mclass.nameIsServer)),        //用户名是否要与数据库验证，默认false为否
                nameIsserverUrl=$(mclass.nameIsServerUrl),            //用户名与数据库验证的路径
                nameIsServerType=$(mclass.nameIsServerType),        //以什么方式提交
                nameIsServerDType=$(mclass.nameIsServerDType),        //以什么格式提交

                isCheckd=$(mclass.isCheckbox),                        //勾选阅读同意    
                
                isMyCode=$(mclass.isMyCode),                        //开启与手机同时验证发送短信功能，默认false不开启

                codeval=myform.find(phoneCodeBtn).val();            //获取短信验证码按钮初始value值
                // console.log(myNameNuber.selector)
                if(chinesetps.length!=0){
                    var chitps=chinesetps[0].tps||"中文",                        //中文提示
                        chiminLength=chinesetps[0].minLength||0,                //中文最小长度
                        chimaxLength=chinesetps[0].maxLength||Infinity;            //中文最大长度
                }

            //所有验证的方法
            var valiform={
                //短信验证按钮
                ismsgbtn:function(){
                    var codeval1=myform.find(phoneCodeBtn).val();
                    if(codeval1=="重新获取"||codeval1==codeval){
                        myform.find(phoneCodeBtn).css("color",codeBtnCol2[0]).removeAttr("disabled");
                    }else{
                        myform.find(phoneCodeBtn).css("color",codeBtnCol1[0]).attr("disabled","disabled");
                    }
                },
                //手机号验证 
                vphone:function(){
                    var strphone=/^1[3|4|5|7|8][0-9]{9}$/;
                    if($(this).val()==""){
                        $(this).siblings("p").html("请输入手机号").removeAttr("class").css({"color":errCol[0]});
                    }else if(!strphone.test($(this).val())){
                        $(this).siblings("p").html("请输入11位正确的手机号").removeAttr("class").css({"color":errCol[0]});
                        if(isPhoneCode[0]==1){
                            if(isMyCode[0]==1){
                                if(myCode.siblings("p").hasClass("correct")&&$(this).siblings("p").hasClass("correct")){
                                    valiform.ismsgbtn.apply(myphone);
                                }else{
                                    myform.find(phoneCodeBtn).css("color",codeBtnCol1[0]).attr("disabled","disabled");
                                }
                            }else{
                                if($(this).siblings("p").hasClass("correct")){
                                    valiform.ismsgbtn.apply(myphone);
                                }else{
                                    myform.find(phoneCodeBtn).css("color",codeBtnCol1[0]).attr("disabled","disabled");
                                }
                            }
                        }
                    }else{
                        // 手机号是否与数据库验证
                        if(phoneIsServer[0]==1){
                            //开启手机发送短信功能
                            var $this=$(this),
                                vl=$this.val();
                            $.ajax({
                                url:phoneIsServerUrl[0],
                                type:phoneIsServerType.selector,
                                dataType:phoneIsServerDType.selector,
                                data:{phone:vl},
                                success:function(data){
                                    if(data==1){
                                        $this.siblings("p").html("手机号可以注册").attr({"class":"correct"}).css({"color":corrCol[0]});
                                        if(isPhoneCode[0]==1){
                                            if(isMyCode[0]==1){
                                                if(myCode.siblings("p").hasClass("correct")){
                                                    valiform.ismsgbtn.apply(myphone);
                                                }
                                            }else{
                                                if($this.siblings("p").hasClass("correct")){
                                                    valiform.ismsgbtn.apply(myphone);
                                                }else{
                                                    myform.find(phoneCodeBtn).css("color",codeBtnCol1[0]).attr("disabled","disabled");
                                                }
                                            }
                                        }
                                    }else{
                                        $this.siblings("p").html("手机号已被注册").removeAttr("class").css({"color":errCol[0]});
                                        if(isPhoneCode[0]==1){
                                            myform.find(phoneCodeBtn).css("color",codeBtnCol1[0]).attr("disabled","disabled");
                                        }
                                    }
                                },
                                error:function(error){
                                    console.log(error);
                                }
                            });
                        }else{
                            $(this).siblings("p").html("√").attr({"class":"correct"}).css({"color":corrCol[0]});
                            if(isPhoneCode[0]==1){
                                if(isMyCode[0]==1){
                                    if(myCode.siblings("p").hasClass("correct")){
                                        valiform.ismsgbtn.apply(myphone);
                                    }
                                }else{
                                    if($(this).siblings("p").hasClass("correct")){
                                        valiform.ismsgbtn.apply(myphone);
                                    }else{
                                        myform.find(phoneCodeBtn).css("color",codeBtnCol1[0]).attr("disabled","disabled");
                                    }
                                }
                            }
                        }
                    }
                },
                //修改手机号验证
                vphone1:function(){
                    var strphone=/^1[3|4|5|7|8][0-9]{9}$/;
                    if($(this).val()==""){
                        $(this).siblings("p").html("请输入手机号").removeAttr("class").css({"color":errCol[0]});
                    }else if(!strphone.test($(this).val())){
                        $(this).siblings("p").html("请输入11位正确的手机号").removeAttr("class").css({"color":errCol[0]});
                        if(isPhoneCode[0]==1){
                            if(isMyCode[0]==1){
                                if(myCode.siblings("p").hasClass("correct")&&$(this).siblings("p").hasClass("correct")){
                                    valiform.ismsgbtn.apply(myphone);
                                }else{
                                    myform.find(phoneCodeBtn).css("color",codeBtnCol1[0]).attr("disabled","disabled");
                                }
                            }else{
                                if($(this).siblings("p").hasClass("correct")){
                                    valiform.ismsgbtn.apply(myphone);
                                }else{
                                    myf<p></p>
站长提示：
1. 苦力吧素材官方QQ群：950875342
2. 平台上所有素材资源，需注册登录会员方能正常下载。
3. 会员用户积极反馈网站、素材资源BUG或错误问题，每次奖励2K币。
4. PHP源码类素材，如需协助安装调试，或你有二次开发需求，可联系苦力吧客服。
5. 付费素材资源，需充值后方能下载，如有任何疑问可直接联系苦力吧客服
标签： 表单验证手机验证邮箱验证身份证验证表单提交
相关资源 / 表单验证
查看更多

jquery网站会员注册表单注册验证

 一款对form表单字段简单判断的验证特效，初学者可以下载学习！
  表单验证
 4507  0

jquery表单数据自动保存插件

 一款轻量级form表单数据保存客户端插件，填写或选择表单后，下次访问或刷新页面不丢失，可实现自动还原数据。
  表单验证
 8159  0

jquery支持自定义的表单字段验证器

 Checkify是一个基于jQuery的表单验证器，可自定义设置表单字段的字符长度、是否必填、字符类型等。
  表单验证
 6378  0

jquery轻量级表单验证插件

 inputfollow.js是一个超级小的表单验证器，支持必填字段、Email邮箱和and/OR/IF逻辑操作验证。
  表单验证
 6355  0

评论数(0) 回复有机会获得K币 用户协议

^_^ 还没有人评论，快来抢个沙发！
😀
  • 😀
  • 😊
  • 😂
  • 😍
  • 😑
  • 😷
  • 😵
  • 😛
  • 😣
  • 😱
  • 😋
  • 😎
  • 😵
  • 😕
  • 😶
  • 😚
  • 😜
  • 😭
发表评论