jsvalidation-一个验证表单内容有效性的js框架

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函数