jquery-validate自定义表单验证

jquery-validate自定义表单验证

1. 自定义方法中有三个参数：

第一个是规则的名字，类似required规则名字。

第二个是改规则的实现部分，需要验证哪些条件在这里写验证方法，当return返回true时代表验证条件符合不触发。

第三个是提示消息。

其中this.optional(element)表示表单控件的值不为空时才会触发。空字符串也会触发。`

2. 部分自定义验证

// 手机号码验证
jQuery.validator.addMethod("mobile", function(value, element) {
    var length = value.length;
    var mobile =  /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/
    return this.optional(element) || (length == 11 && mobile.test(value));
}, "手机号码格式错误");  

// 电话号码验证   
jQuery.validator.addMethod("phone", function(value, element) {
    var tel = /^(0[0-9]{2,3}\-)?([2-9][0-9]{6,7})+(\-[0-9]{1,4})?$/;
    return this.optional(element) || (tel.test(value));
}, "电话号码格式错误");

// 邮政编码验证   
jQuery.validator.addMethod("zipCode", function(value, element) {
    var tel = /^[0-9]{6}$/;
    return this.optional(element) || (tel.test(value));
}, "邮政编码格式错误");

// QQ号码验证   
jQuery.validator.addMethod("qq", function(value, element) {
    var tel = /^[1-9]\d{4,9}$/;
    return this.optional(element) || (tel.test(value));
}, "qq号码格式错误");

// IP地址验证
jQuery.validator.addMethod("ip", function(value, element) {
    var ip = /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)/;     return this.optional(element) || (ip.test(value) && (RegExp./;     return this.optional(element) || (ip.test(value) && (RegExp.1 < 256 && RegExp.2 < 256 && RegExp.2 < 256 && RegExp.3 < 256 && RegExp.$4 < 256));
}, "Ip地址格式错误");

// 字母和数字的验证
jQuery.validator.addMethod("chrnum", function(value, element) {
    var chrnum = /^([a-zA-Z0-9]+)$/;
    return this.optional(element) || (chrnum.test(value));
}, "只能输入数字和字母(字符A-Z, a-z, 0-9)");

// 中文的验证
jQuery.validator.addMethod("chinese", function(value, element) {
    var chinese = /^[\u4e00-\u9fa5]+$/;
    return this.optional(element) || (chinese.test(value));
}, "只能输入中文");

// 下拉框验证
$.validator.addMethod("selectNone", function(value, element) {
    return value == "请选择";
}, "必须选择一项");

// 字节长度验证
jQuery.validator.addMethod("byteRangeLength", function(value, element, param) {
    var length = value.length;
    for (var i = 0; i < value.length; i++) {
        if (value.charCodeAt(i) > 127) {
            length++;
        }
    }
    return this.optional(element) || (length >= param[0] && length <= param[1]);
}, $.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)"));

3. 身份证号码自定义验证

我们中国的居民身份证都是由十八位组成的，其中包括十七位数字本体码和一位数字校验码组成。

第一、二位省、自治区、直辖市代码；

第三、四位地级市、盟、自治州代码；

第五、六位县、县级市、区代码；

第七、十四位出生年月日，比如19820426代表1982年4月26日；

第十五、十六位为顺序号，其中17位（倒数第二位）男为单数，女为双数；

十八位为校验码，0-9和X。作为尾号的校验码，是由把前十七位数字带入统一的公式计算出来的，计算的结果是0-10，如果某人的尾号是0－9，都不会出现X，但如果尾号是10，那么就得用X来代替，因为如果用10做尾号，那么此人的身份证就变成了19位。X是罗马数字的10，用X来代替10。

举例：330226 19820426 0012这个身份证号的含义: 33为浙江，02为宁波，26为宁海县，出生日期为1982年4月26日，顺序号为001，2为校验码。

15位身份证号码

第1~2位数字：所在省（直辖市、自治区）的代码；

第3~4位：所在地级市（自治州）的代码；

第5~6位：所在区（县，自治县，县级市）的代码；

第7~12位：出生的年月日；15位的年份是简写的。比如：18位的年份是1970年，而15位的就是70年。

第13~14位：所在地派出所的代码；

第15位：表示性别的代码，男性为奇数，女性为偶数；

15位身份证没有校验位。

// 身份证号码验证
            jQuery.validator.addMethod("idCard", function(value, element) {
                var length = value.length;
                //var idcardReg = /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/;
                //var idcardReg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
                var idcardReg = /^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^((1[1-5])|(2[1-3])|(3[1-7])|(4[1-6])|(5[0-4])|(6[1-5])|71|(8[12])|91)\d{4}((19\d{2}(0[13-9]|1[012])(0[1-9]|[12]\d|30))|(19\d{2}(0[13578]|1[02])31)|(19\d{2}02(0[1-9]|1\d|2[0-8]))|(19([13579][26]|[2468][048]|0[48])0229))((\d{4})|\d{3}[Xx])$)$/;
                return this.optional(element) || (length == 18 && idcardReg.test(value));
            }, "身份证号码格式错误");

扩展资料：

正则表达式的书写语法

1、^  表示匹配字符串的开始位置  (例外  用在中括号中[ ] 时,可以理解为取反,表示不匹配括号中字符串)

2、$  表示匹配字符串的结束位置

3、*  表示匹配 零次到多次

4、+  表示匹配 一次到多次 (至少有一次)

5、?  表示匹配零次或一次

6、.  表示匹配单个字符 

7、|  表示为或者,两项中取一项

8、(  ) 小括号表示匹配括号中全部字符

9、[  ] 中括号表示匹配括号中一个字符 范围描述 如[0-9 a-z A-Z]

10、{  } 大括号用于限定匹配次数  如 {n}表示匹配n个字符  {n,}表示至少匹配n个字符  {n,m}表示至少n,最多m

11、\  转义字符 如上基本符号匹配都需要转义字符   如 \*  表示匹配*号

12、\w 表示英文字母和数字  \W  非字母和数字

13、\d  表示数字   \D  非数字


参考链接来源：百度百科-正则表达式

参考自：https://blog.csdn.net/wwrzyy/article/details/79003739