JSValidation是客户端表单有效性验证框架,主要包含3个js文件validation-config.xml,validation-config.dtd和validation-framework.js,使用时通过在validation-config.xml中配置需要验证的form的id进行相应的验证,下载地址为:http://cosoft.org.cn/projects/jsvalidation.
JSValidation目前能够完成客户端的13种验证如下：
- 取值非空
- 必须为整数
- 必须为双精度数
- 必须为普通英文字符（字母，数字，下划线）
- 必须为中文字符
- 最小长度
- 最大长度
- 是否为Email格式
- 是否为日期格式（yyyy-mm-dd）
- 自定义的正则表达式
- 整数范围（大于某数小于某数）
- 双精度数范围
- 必须与某个域的值相同
配置步骤如下:
1.首先将jsvalidation-framework.js,validation-config.xml和validation-config.dtd复制到网站的某一目录下，例如放置到名为javascripts网站的js文件夹下.
2.打开jsvalidation-framework.js，找到var ValidationRoot = ""; 将这行代码更改为var ValidationRoot = "/javascripts/js/"; (就是validation-config.xml文件所在目录)。
3.在你需要进行校验的页面中，加入jsvalidation的引用：
<script language="javascript" src="/javascripts/js/jsvalidation-framework.js"></script>
4.在该页面需要验证的表单Form标记中，加入on submit="return doValidate('formId')"。其中formID是该Form的id。
5.配置validation-config.xml,给你需要验证的表单项添加具体规则,如
<validation-config lang="auto"> <form id="form1" show-error="show" show-type="all"> <field name="username" display-name="用户名" onfail=""> <depend name="required" /> <depend name="commonChar" /> </field> <field name="userpwd" display-name="密码"> <depend name="required" /> <depend name="commonChar" /> </field> <field name="email" display-name="email"> <depend name="required" /> <depend name="email" /> </field> <field name="date" display-name="日期"> <depend name="required" /> <depend name="date" param0 = "yyyy-mm-dd" /> </field> </form> </validation-config> <validation-config lang="auto">设置相应的语言
<form>中id,show-error,show-type分别为需添加验证的表单,注意这里是通过id设定而不是name,show-error="show"是将错误信息现实在id为show的层中,这里也可以改为alert,那么则是以警告框的方式显示错误,show-type="all"表示如果有多个表单项都不符合规则的情况下显示所有错误信息,也可以设置为show-type="first",表示显示第一个错误.
<field>中name为表单项对应的name,display-name为当验证不通过时提示的name,onfail 当校验失败时，运行的自定义JS函数