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函数
分享到:
相关推荐
JSValidation是客户端表单有效性验证框架,主要包含2个js文件validation-config.xml和validation-framework.js,使用时通过在validation-config.xml中配置需要验证的form的id进行相应的验证.资源中包含本人测试成功后...
简便的XML配置,易于扩充的验证方式(目前支持13种验证,囊括了大部分常用表单验证),使得JSValidation成为验证框架的首选。 1. JSValidation是什么? 如首页所说,JSValidation是客户端表单验证框架,用在...
简便的XML配置,易于扩充的验证方式(目前支持13种验证,囊括了大部分常用表单验证),使得JSValidation成为验证框架的首选。 1. JSValidation是什么? 如首页所说,JSValidation是客户端表单验证框架,用在...
javascript实现表单验证,实现的功能: 1.取值非空 2.必须为整数 3.必须为双精度数 4.必须为普通英文字符(字母,数字,下划线) 5.必须为中文字符 6.最小长度 7.最大长度 8.是否为Email格式 9.是否为日期...
开发者只需要定义几个xml标记,就可以创建出复杂的验证策略,而不用编写一行JavaScript代码。由于采用xml集中管理表单验证,使得表单验证在整个系统中的耦合度大大降低, 并且易维护性大大提高。开发者更多的精力...
表单验证控件commons-validator-1.3.1表单验证控件commons-validator-1.3.1表单验证控件commons-validator-1.3.1表单验证控件commons-validator-1.3.1表单验证控件commons-validator-1.3.1表单验证控件commons-...
Laravel开发-laravel-validation Laravel 表单验证服务 Laravel表单验证服务
对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)脚本控制。目前支持5种大的校验方式,分别是:inputValidator(针对input、textarea、select控件的字符长度、值范围、选择个数的控制)、...
Validate.js是一个轻量级的JavaScript表单验证类库,它不依赖于其它任何JavaScript框架,经GZIP压缩后仅有1KB大小。它所提供的验证类型有:是否为空、数字、Email地址、判断输入值是否在某一范围内等,此外你也可以...
并创造性的采用xml来存贮表单验证信息,使得表单的验证成为整个项目中最不重要的环节,开发者只需要定义几个xml标记,就可以创建出复杂的验证策略,而不用编写一行JavaScript代码。由于采用xml集中管理表单验证,...
JSValidation是客户端表单验证框架,用在BS系统中,或者简单的网页系统中。表单验证在这些开发中很常见:新用户注册,需要校验某些字段;用户登陆,需要校验;等等。在这之前,页面开发者(JavaScript开发者)需要...
Laravel开发-laravel-jsvalidation 使用JavaScript透明地验证表单,重用Laravel验证规则、消息和FormRequest
JavaScript案例-js表单验证
这是jsvalidation-1_0b4版本,下载自官方,本人未做任何修改。jsvalidation是由国人写的一款纯js实现的验证框架,可直接放到jsp页面中,然后在它的xml中配置之后,即可,很好用。
JS验证表单大全,常用的
强大的表单验证框架
前面上传一次了的。不好意思! 就是http://download.csdn.net/source/1183298
文件详细的讲解了在web开发中以及各种b/s框架应用程序中出现的表单验证框架的实现
Laravel开发-image-validator 表单验证增加图片专属,如长宽,比例等 表单验证增加图片专用,如长宽,比例等