jquery validate自定义验证手机号正则

川长思鸟来 2022-06-07 11:50 290阅读 0赞

$(document).ready(function()\{  
  
  
        $("\#register\_form").validate(\{  
            errorPlacement:  function(error, element) \{  
                error.appendTo(element.parent());  
            \},  
            errorElement: "p",  
            rules: \{  
                username: \{  
                    required:true,  
                    minlength:4,  
                    maxlength:20,  
                    remote: \{  
                        url:"/user/validate",     //后台处理程序  
                        type: "post",               //数据发送方式  
                        dataType: "json",           //接受数据格式  
                        data: \{                     //要传递的数据  
                            username: function() \{  
                                return $("\#username").val();  
                            \}  
                        \}  
                    \}  
                \},  
                test:"isRegistered",  
                pwd: \{  
                    required:true,  
                    minlength:6,  
                    maxlength:20  
                \},  
                confirm\_pwd: \{  
                    required: true,  
                    equalTo: "\#pwd"  
                \},  
                user\_mail:\{  
                    required:true,  
                    email:true,  
                    maxlength:30  
                \},  
                phoneNum: \{  
                    required: true,  
                    maxlength:11,  
                    maxlength:11,  
                    isphoneNum:true  
                \}  
  
  
  
  
  
  
            \},  
            messages: \{  
                username: \{  
                    required: "\*请输入用户名",  
                    minlength: "\*用户名必需由4\_20个字母组成",  
                    maxlength: "\*用户名必需由4\_20个字母组成",  
                    remote: "\*该账号已经被注册！"  
                \},  
                pwd: \{  
                    required: "\*请输入密码",  
                    minlength: "\*密码长度应在6-20之间",  
                    maxlength: "\*密码长度应在6-20之间"  
                \},  
                confirm\_pwd: \{  
                    required: "\*请输入确认密码",  
                    equalTo: "\*两次密码输入不一致"  
                \},  
                user\_mail:\{  
                    required:"\*请输入联系邮箱",  
                    email:"\*请输入正确的邮箱格式",  
                    maxlength:"\*输入的邮箱超过长度限制"  
                \},  
                phoneNum:\{  
                    required:"\*请输入手机号",  
                    maxlength:"\*请填写11位的手机号",  
                    minlength:"\*请填写11位的手机号",  
                    isphoneNum:"请填写正确的手机号码"  
                \}  
            \}  
  
  
        \});  
  
  
        //自定义手机号验证  
        jQuery.validator.addMethod("isphoneNum", function(value, element) \{  
            debugger  
            var length = value.length;  
            var mobile = /^1\[3|5|8\]\{1\}\[0-9\]\{9\}$/;  
            return this.optional(element) || (length == 11 && mobile.test(value));  
        \}, "请正确填写您的手机号码");  
  
  
    \})