前言
平时写网页做表单验证时有两种方式,第一种就是自己手写正则,第二种就是使用验证插件,jQuery Validate是我用的最多的一个插件,但是这个默认提供的一些验证在真正项目中满足不了,所以需要自己手动扩展。
对于手写正则这里有个好用的测试工具 正则表达式在线测试地址
官方里的additional-methods.js里的包含了一些常用的验证方法,有需要的可以自己去查看。
前端代码书写示例:
$("#form").validate({
rules: {
isIdCardNo: "isIdCardNo",
},
messages: {
isIdCardNo: "请输入您的二代身份证号码",
}
})
规则说明
查看规则说明
官方插件常用验证规则
编号 |
规则 |
说明 |
1 |
required:true |
必须输入的字段。 |
2 |
remote:"check.php" |
使用 ajax 方法调用 check.php 验证输入值。 |
3 |
email:true |
必须输入正确格式的电子邮件。 |
4 |
url:true |
必须输入正确格式的网址。 |
5 |
date:true |
必须输入正确格式的日期。日期校验 ie6 出错,慎用。 |
6 |
dateISO:true |
必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01/22。只验证格式,不验证有效性。 |
7 |
number:true |
必须输入合法的数字(负数,小数)。 |
8 |
digits:true |
必须输入整数。 |
9 |
creditcard: |
必须输入合法的信用卡号。 |
10 |
equalTo:"#field" |
输入值必须和 #field 相同。 |
11 |
accept: |
输入拥有合法后缀名的字符串(上传文件的后缀)。 |
12 |
maxlength:5 |
输入长度最多是 5 的字符串(汉字算一个字符)。 |
13 |
minlength:10 |
输入长度最小是 10 的字符串(汉字算一个字符)。 |
14 |
rangelength:[5,10] |
输入长度必须介于 5 和 10 之间的字符串(汉字算一个字符)。 |
15 |
range:[5,10] |
输入值必须介于 5 和 10 之间。 |
16 |
max:5 |
输入值不能大于 5。 |
17 |
min:10 |
输入值不能小于 10。 |
特殊需求
编号 |
参数 |
说明 |
1 |
isEmail |
Email地址 |
2 |
isDomain |
域名 |
3 |
isURL |
网址 |
4 |
isMobile |
国内手机号码 |
5 |
isTelphone |
国内电话号码 |
5 |
|
国际电话号码 |
6 |
isOldIdCardNo |
大陆身份证号(一代) |
7 |
isIdCardNo |
大陆身份证号(二代) |
8 |
isFullDate |
完整日期格式 |
9 |
isQQ |
腾讯QQ号 |
10 |
isZipCode |
中国邮政编码 |
11 |
isIP |
IP地址 |
12 |
isWeakPassword |
弱密码 |
13 |
isMediumPassword |
中等强度密码 |
14 |
isStrongPassword |
强密码 |
15 |
isMoney |
金额 |
16 |
isImage |
图片格式 |
17 |
|
银行卡号 |
18 |
isWeixin |
微信号 |
19 |
isVideo |
视频格式 |
20 |
isAudio |
音频格式 |
21 |
isTime |
时间 |
22 |
isDate |
年月日 |
各类证件号码
编号 |
参数 |
说明 |
1 |
isDriverNumber |
驾驶证号 |
2 |
|
行驶证号 |
3 |
isVIN |
车架号 |
4 |
isEngineNumber |
发动机号 |
5 |
isVehicleNumber |
车牌号 |
6 |
isOfficerCard |
军官证号(仅供参考) |
7 |
isHKMacaoCard |
港澳通行证号(仅供参考) |
8 |
isTWCompatriotsCard |
台胞证号(仅供参考) |
9 |
isChinesePassport |
中国护照号 |
10 |
|
外国护照号 |
11 |
isMTPforHKMacao |
回乡证号 |
数字类
编号 |
参数 |
说明 |
1 |
isPositiveInteger |
匹配正整数 |
2 |
isNegtiveInteger |
匹配负整数 |
3 |
isInteger |
匹配整数 |
4 |
isNonNegtiveInteger |
匹配非负整数(正整数 + 0) |
5 |
isNonPositiveInteger |
匹配非正整数(负整数 + 0) |
6 |
isPositiveFloat |
匹配正浮点数 |
7 |
isNegativeFloat |
匹配负浮点数 |
8 |
isFloat |
匹配浮点数 |
9 |
isNonNegativeFloat |
匹配非负浮点数(正浮点数 + 0) |
10 |
isNonPositiveFloat |
匹配非正浮点数(负浮点数 + 0) |
字符类
编号 |
参数 |
说明 |
1 |
isChinese |
匹配中文 |
2 |
isEnglishLetter |
由26个英文字母组成的字符串 |
3 |
isUppercaseEnglishLetter |
由26个大写英文字母组成的字符串 |
4 |
isLowercaseEnglishLetter |
由26个小写英文字母组成的字符串 |
5 |
isNumAndLetters |
由数字和26个英文字母组成的字符串 |
6 |
isNumAndLettersAndUnderline |
由数字、26个英文字母或者下划线组成的字符串 |
示例演示
查看示例
获取插件
获取插件
网友评论