通用JS表单验证
忙了一天,总算是完成了
因为现在的项目中使用了很多struts标签,原来网上流传的validate.js不能用了,所以狠下心来修改了那个validate,用了不同的方法实现了通用验证,并且与标签分离,可以与struts标签结合使用
/*************************************************
cbValidator v1.0.1 通用JS表单验证
auth: 菜板
version: 1.0.1
contact:
QQ: 59365969
email: [email protected]
web: http://www.caiban.net
通用JS表单验证功能
从网上流传的Validator.js(作者:我是佛山人)修改过来,与实际使用的HTML控件脱离,可以在struts等框架的标签内使用,只要能够知道需要验证的控件的id或name
date:2008/4/13
*************************************************/
说明:
1.主函数: cbValidate.validate(spanName,mode);
spanName:需要验证的一组span标签
mode:错误消息提示方式 --暂时只有一种,1
2.SPAN标签
<span name="validate" require="false" dataId="vid" dataName="vname" dataType="dataType" msg="错误提示" max="100" min="0" to="vid2" regexp="^/d{3}$" format="ymd" operator="LessThan"></span>
name: 同一组<span>的name必需相同 <必填>
require: 是否必需填写
dataId: 需要验证的HTML元素的id,如果是struts标签,些项填写标签的styleId的值 <根据需要,与dataName选择一项填写>
dataName: 需要验证的HTML元素的name,如果是struts标签,些项填写标签的property的值 <根据需要,与dataId选择一项填写>
dataType: 验证的类型(说明3)
msg: 验证不通过的时候显示的错误信息
max: 某些验证需要的最大值
min: 某些验证需要的最小值
to: 某些验证比较的对象或值
regexp: 自定义正则验证所用的正则表达式,表达式以^开头,$结尾
format: 日期格式
ymd 年月日 例:2008-12-30,2008.12.20
dmy 日月年 例:20.12.2008
operator: 两组比较时的操作,默认等于(==)
NotEqual 不等于(!=)
GreaterThan 大于(>)
GreaterThanEqual 大于等于(>=)
return (op1 >= op2);
LessThan 小于(<)
LessThanEqual 小于等于(<=)
3.已提供的dataType:
Empty : 验证是否为空
Email : 验证email
Phone : 验证电话号码,格式:0571-8888888,8位或7位电话号码
Mobile : 验证手机号码
IdCard : 验证身份证号码
Currency : 验证货币
Number : 验证纯数字
Zip : 验证邮编
QQ : 验证QQ
Integer : 验证整数,可以有正负号,例:-10
Double : 验证浮点数
English : 验证全英文
Chinese : 验证纯中文
Url : 验证URL地址,基于http协议
SafeString : 验证安全字符串,一般用于密码验证,英文,数字等字符的组合
Limit : 限制字符长度,长度必需在min到max之间才可以通过验证
LimitB : 验证字节长,长度必需在min到max之间才可以通过验证
Date : 验证日期
Repeat : 验证是否与to属性指定的对象重复,一般用于二次验证密码
Range : 验证输入是否介于min与max之间
Compare : 验证输入与to(span属性)的值进行operator(span属性)比较
Custom : 验证输入是否与自定义正则表达式匹配
Group : 验证同名(name)的单选和多选按钮的选择数量是否在min与max之间
下载请到我的站上
http://www.caiban.net/blog/u/x03570227/archives/2008/2008413152646.html