表单验证 validform


validform表单验证是一款功能强大的前端表单验证工具,支持自定义规则
选择一个验证案例
重置表单
最少选择2个
重置表单
最多选择3个
重置表单
最少选择2个,最多选择3个
重置表单
验证属性
*是否有输入date:匹配日期
n数字类型zh:匹配中文字符
s字符串类型dword:匹配双字节字符
m手机号码money:匹配货币类型
p邮政编码ipv4:匹配ipv4地址
eemailipv6:匹配ipv6地址
url验证网址num:匹配数值型
qq:匹配qq号码unequal:当前值不能等于被检测的值,如可以用来检测新密码不能与旧密码一样
min:多选框最少选择多少项notvalued:当前值不能包含指定值,如密码不能包含用户名等的检测
max:多选框最多不能超过多少项byterange:判断字符长度,中文算两个字符
maxmin多选框选择区间daterange:判断日期范围
idcard:对身份证号码进行严格验证numrange:判断数值范围,如小于100大于10之间的数,绑定max,min
*6-1 , s6-16 , n6-16验证输入的位数,注意对p m e url无效,对于checkbox select 使用*即可
详解type
date:日期格式
/* 日期格式可以是:20120102 / 2012.01.02 / 2012/01/02 / 2012-01-02
时间格式可以是:10:01:10 / 02:10
如 2012-01-02 02:10
2012-01-02
*/

"unequal":当前值不能与指定表单元素的值一样
/*
当前值不能与指定表单元素的值一样,如新密码不能与旧密码一样,密码不能设置为用户名等 注意需要通过绑定with属性来指定要比较的表单元素,可以是clas,id或者是name属性值 eg. input type="text" name="name" id="name" class="name"
eg1. input type="text" name="test" datatype="unequal" with="name"
eg2. input type="text" name="test" datatype="unequal" with=".name"
eg3. input type="text" name="test" datatype="unequal" with="#name"
也可以用来验证不能与with指定的值相等
当上面根据class,id和name都查找不到对象时,会直接跟with的值比较
eg4. input type="text" name="test" datatype="num unequal" with="100"
该文本框的值不能等于100
*/

" "notvalued": 当前文本框的值不能含有指定文本框的值
/*
当前文本框的值不能含有指定文本框的值,如注册时设置的密码里不能包含用户名
注意需要给表单元素绑定with属性来指定要比较的表单元素,可以是clas,id或者是name属性值
input type="text" name="username" id="name" class="name"
eg. input type="password" name="test" datatype="notvalued" with=".name"
也可以用来验证不能包含with指定的值
当上面根据class,id和name都查找不到对象时,会直接跟with的值比较
eg2. input type="password" name="test" datatype="notvalued" with="validform"
要求不能含有"validform"字符
*/

"min": checkbox最少选择n项
/*
checkbox最少选择n项
注意需要给表单元素绑定min属性来指定是至少需要选择几项,没有绑定的话使用默认值
eg. input type="checkbox" name="test" datatype="min" min="3"
*/

"max": checkbox最多选择n项
/*
checkbox最多选择n项
注意需要给表单元素绑定max属性来指定是最多需要选择几项,没有绑定的话使用默认值
eg. input type="checkbox" name="test" datatype="max" max="3"
*/

"byterange": 判断字符长度,中文算两个字符
/*
判断字符长度,中文算两个字符
注意需要给表单元素绑定max,min属性来指定最大或最小允许的字符长度,没有绑定的话使用默认值
*/

"numrange": 判断数值范围
/*
判断数值范围
注意需要给表单元素绑定max,min属性来指定最大或最小可输入的值,没有绑定的话使用默认值
*/

"daterange": 判断日期范围
/*
判断日期范围
注意需要给表单元素绑定max或min属性,或两个同时绑定来指定最大或最小可输入的日期
日期格式:2012/12/29 或 2012-12-29 或 2012.12.29 或 2012,12,29
*/