1、如果验证框架没有起作用,就先把验证框架的js文件、xml、dtd文件用记事本打开使用utf-8格式另存为。
2、如果抱错是这种情况:
JAVAScript Validate frameword运行时出错
配置文件读取错误,请检查
任何运行错误都会导致该域错误验证失败
那么要检查这几个地方:
把validation-config.xml,validation-framework.js,validation-confi.dtd这三个文件都拷到网站的根目录下,可以先建目录如js存放。
在validation-framework.js的第21行改为“/webprojectname/js/”,几个斜线都不能少。
在调用验证方法的html页面中的javascript代码应该这样写:<script language="javascript" src="/webprojectname/js/validation-framework.js"></script>。前面的斜线也不能漏掉。
3、用法
1. JSValidation是什么?
官方地址:http://cosoft.org.cn/projects/jsvalidation(目前好像打不开)
JSValidation是客户端表单验证框架,用在BS系统中,或者简单的网页系统中。表单验证在这些开发中很常见:新用户注册,需要校验某些字段;用户登陆,需要校验;等等。在这之前,页面开发者(JavaScript开发者)需要编写大量的JavaScript来与表单对象交互,并进行校验。常见的校验如不能为空,必须满足长度要求,必须为数字,必须为Email等等。根据一般的经验,如果表单中需要校验的域个数超过10个,开发过程就显得枯燥无味——多段重复的代码不断重复,如果要求跨浏览器,更多的考虑因素使人头疼不已。往往这个页面的验证还不能用于那个验证……虽然逻辑基本相同;但是在大多数情况下,出于种种原因,开发者宁愿(或者没办法)重新编写另一个页面的JavaScript代码。
JSValidation致力于改善这一过程。它将常见的校验(目前支持13种)封装起来,并创造性的采用xml来存贮表单验证信息,使得表单的验证成为整个项目中最不重要的环节,开发者只需要定义几个xml标记,就可以创建出复杂的验证策略,而不用编写一行JavaScript代码。由于采用xml集中管理表单验证,使得表单验证在整个系统中的耦合度大大降低,并且易维护性大大提高。开发者更多的精力可以投入到业务相关的代码中。
恰恰相反,JSValidation内部结构虽然不太简单(对用户而言),但是调用方式却极其简单,配置好环境后,只需要在需要验证的表单的HTML标记中加上onsubmit="return doValidate('formId')"即可。这并没有改变开发者的习惯。
更为明显的优势是,JSValidation具备跨浏览器的能力。在目前的测试环境下,支持IE5及以上版本,Mozilla系列和支持DOM2模型的其他浏览器。你不用再考虑在多浏览器下如何兼容,JSValidation帮你做到了这些。
2. JSValidation能做什么,不能做什么?
2.1.1. JSValidation能够校验表单
在系统复杂,表单复杂的场景下,JSValidation的优势更加突出。JSValidation目前能够完成客户端的13种验证如下:
取值非空
必须为整数
必须为双精度数
必须为普通英文字符(字母,数字,下划线)
必须为中文字符
最小长度
最大长度
是否为Email格式
是否为日期格式(yyyy-mm-dd)
自定义的正则表达式
整数范围(大于某数小于某数)
双精度数范围
必须与某个域的值相同
所有这些验证都在客户端完成。如果还有在此之外的验证需求,请告诉我们,我们会跟据需求程度开发出新的验证模型。
2.1.2. JSValidation不能做的:
跨页面的验证。例如,A页面输入值,必须满足B页面中某一个值的条件,或者更多的页面。这个需求需要用户的反馈。如果在现实开发中这种需求很普遍,我们会考虑开发。目前的替代方式是,将A页面需要验证的值POST到B页面的一个Hidden Field,然后再使用已有的验证方式。
与服务器交互验证。最常见的是输入用户名密码后登录。限于它的表示范围,JSValidation不能完成这个工作。
其他没有提到的,很希望你能告诉我们。
3. 什么情况下,我应该使用JSValidation?
如果没有现成的验证参考,就使用它吧。
有很多的开发工具、开发框架(模型)都已经提供了验证支持,如ASP.NET,Struts。但是还有更多的Framework没有提供支持,例如我们使用的Velocity(也许它不能称为框架),以及其他的ASP, PHP, Pure JSP, CGI等等。也许没有成熟的框架使用。如果没有,JSValidation也许能够帮助你减轻客户端校验编程的压力,让你有更多的精力投入对业务的关注中。
另外,如果你的系统很小,或者系统中需要校验的很少——例如只有一个登陆的用户名、密码需要校验,那么基于性能考虑,我们不建议你采用JSValidation。JSValidation库文件达到22KB,加上验证文件,也许要在你的页面上加载额外的26K+才能运行。而相同的功能,自己按照常规方式写也不过几行。
当然,如果你现有的开发过程中已经有了自己的模型,很熟悉也很牢固了,尽可能采用你自己的方式吧。
4. 在项目中快速使用jsvalidation
4.1.1. 获取jsvalidation
官方下载:http://cosoft.org.cn/projects/jsvalidation(目前好像打不开)
本地下载:http://www.blogjava.net/Files/sxyx2008/jsvalidation.zip
4.1.2. 配置环境
首先将validation-framework.js和validation-config.xml复制到项目的某一目录下
例如:
1) 打开validation-framework.js,找到var ValidationRoot = ""; 将这行代码更改为var ValidationRoot = "js/"; (就是validation-config.xml文件的位置)。
2) 在你需要进行校验的页面中,加入jsvalidation的引用:
<script language="javascript" src="js/validation-framework.js"></script>
3) 在该页面需要验证的表单Form标记中,加入on submit="return doValidate('formId')"。其中formID是该Form的id。
4) 完成。
4.1.3. 编写validation-config.xml
validation-config.xml是集中管理表单的存放点,也是JSValidation处理验证条件的地方。
1) - 文件格式
validation-config.xml是标准文本格式。你可以以任何文本编辑器来编辑它。在正式校验之前,请确保你的xml文件能够正常显示在浏览器中。
2) - 基本结构
<validation-config> 每个validation-config.xml都有一个validation-config根节点 |
3) 节点说明
validation-config: 根节点
属性:lang: 所用的语言,可以是"auto", "zh-cn"(简体中文)或者"en-us"(英文)。默认为auto,可选。
子节点:form, 一个或多个
form: 虚拟表单,通过id映射网页中的表单
属性:id: 映射网页表单中的id,通过这个id,使得jsvalidation与实际网页表单相关联。必须
show-error: 显示错误提示信息的方式。可以是alert(将会显示对话框)或者一个div的id(将会在这个div中显示错误消息)必须
onfail: 当校验失败时,运行的自定义JS函数。可选(该版本尚未实现)
子节点:field,一个或者多个
field: 虚拟表单域,通过name映射表单中的实际域
属性:name: 表单中的域的名称,例如input name="abc",此处则对应abc。 必须
display-name: 表单的显示名称。当校验失败时,会显示这个属性。必须
onfaile: 与form中的onfail一样。尚未实现。可选
子节点:depend,一个或多个
depend: 校验条件
属性:name: 校验条件的名称,必须为下面指定的13中名称之一,大小写敏感。必须。
param0-param4,5个参数,根据name不同,各有不同取值。
一个范例:
<!--校验用户注册--> <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE validation-config SYSTEM "validation-config.dtd"> <validation-config lang="auto"> <form show-error="errorDiv" id="registerForm" show-type="first"> <field display-name="用户名" name="username"> <depend name="required"/> <depend name="commonChar"/> <depend name="minLength" param0="6"/> <depend name="maxLength" param0="8"/> </field> <field display-name="密码" name="password"> <depend name="required"/> <depend name="commonChar"/> <depend name="minLength" param0="6"/> <depend name="maxLength" param0="8"/> </field> <field display-name="重复密码" name="repassword"> <depend name="required"/> <depend name="commonChar"/> <depend name="minLength" param0="6"/> <depend name="maxLength" param0="8"/> <depend name="equalsField" param0="password"/> </field> <field display-name="年龄" name="age"> <depend name="required"/> <depend name="integerRange" param0="18" param1="60"/> </field> <field display-name="年出生年月" name="birthday"> <depend name="required"/> <depend name="date" param0="yyyy-mm-dd"/> </field> <field display-name="电子邮件" name="emails"> <depend name="required"/> <depend name="email"/> </field> </form> </validation-config> |
4.1.4. 校验表单
编写完validation-config.xml后,就可以按照上面的部署方法进行部署。
5. JSValidation支持的13种验证
name |
描述 |
参数含义 |
required |
必须,代表这个域不能为空 |
无参数 |
integer: |
没有或者必须为整数 |
无参数 |
double: |
允许为空或者必须为double数 |
无参数 |
commonChar |
普通英文字符:字母数字和下划线 |
无参数 |
chineseChar: |
中文字符 |
无参数 |
minLength: |
最小长度, |
param0为最小长度数值 |
maxLength: |
最大长度, |
param0为最大长度数值 |
email: |
必须为Email格式 |
无参数 |
date: |
必须为日期格式, |
param0必须为yyyy-mm-dd,或者三个占位符的任意排列顺序。连接字符任意如dd/mm/yyyy |
mask: |
允许自定义正则表达式来进行校验 |
param0为表达式字符串 |
integerRange: |
整数范围必须在参数0和参数1之间。 |
param0和param1必须能被转化成整数 |
doubleRange: |
double数的范围必须在参数0和参数1之间 |
参数0和参数1必须能被转化成Float。 |
equalsField: |
必须与某一个域的值相等 |
param0:同一个表单中域的名称。例如用来校验密码 |
6. 完整的例子(实现用户注册验证)
6.1.1. 项目目录
结合以上目录注意修改文件中21行路径
在jsp页面中引入文件
6.1.2. 注册页面内容
相关推荐
如首页所说,JSValidation是客户端表单验证框架,用在BS系统中,或者简单的网页系统中。表单验证在这些开发中很常见:新用户注册,需要校验某些字段;用户登陆,需要校验;等等。在这之前,页面开发者...
**JSP客户端表单验证框架JSValidation** JSValidation是一款基于JavaScript的轻量级表单验证框架,主要用于在JSP(JavaServer Pages)应用中实现客户端的表单数据验证。它提供了一种简单、高效的手段来确保用户在...
**JSValidation验证框架详解** JSValidation是一款开源的JavaScript验证框架,专为JSP页面的数据验证设计,旨在简化前端数据校验的过程,提高开发效率。它提供了丰富的验证规则和灵活的配置选项,使得开发者能够...
JSValidation是一款轻量级的JavaScript验证框架,专为前端表单验证设计,旨在提高用户体验,确保用户输入的数据符合预设的规则。本篇将深入探讨JSValidation的安装、配置、基本用法以及高级特性,帮助开发者高效地在...
JSValidation是一个客户端JavaScript验证框架,专门用于BS系统(Brower-Server)或简单的网页系统中的表单验证。它的主要目标是简化表单验证过程,减少开发者编写重复的JavaScript代码。通过封装常见的验证规则...
jsvalidation是一款轻量级的JavaScript验证框架,专为前端开发者设计,用于在客户端进行表单验证,确保用户输入的数据符合预设的规则和格式。这款框架能够有效地减少服务器端的负担,提高用户体验,因为它可以在用户...
JSValidation是一款基于JavaScript的表单验证框架,它简化了网页表单验证的过程,提供了一种高效、可定制的方式来确保用户输入的数据符合预期的格式。在本文中,我们将深入探讨JSValidation的基本用法、核心功能、...
**jsvalidation验证框架详解** jsvalidation是一个用于前端数据验证的JavaScript框架,它提供了一种方便的方式来验证用户输入,确保数据的准确性和完整性。这个框架基于XML配置文件,允许开发者自定义验证规则,...
`jsvalidation`是一个JavaScript验证框架,它用于在前端对用户输入的数据进行实时验证,从而提高用户体验和数据质量。本文将详细介绍如何配置和使用`jsvalidation`框架。 **配置环境** 1. **部署文件**:首先,你...
如首页所说,JSValidation是客户端表单验证框架,用在BS系统中,或者简单的网页系统中。表单验证在这些开发中很常见:新用户注册,需要校验某些字段;用户登陆,需要校验;等等。在这之前,页面开发者...
`jsvalidation`是一个用于前端数据验证的JavaScript框架,它的主要目标是帮助开发者轻松地实现对用户输入的验证,确保数据的准确性和完整性。这个框架基于XML配置文件,提供了丰富的验证规则,可以方便地定制和扩展...
JSValidation致力于改善这一过程。它将常见的校验(目前支持13种)...由于采用xml集中管理表单验证,使得表单验证在整个系统中的耦合度大大降低,并且易维护性大大提高。开发者更多的精力可以投入到业务相关的代码中。
它是一款强大的客户端表单验证框架,特别适用于BS系统或简单的网页系统中。该框架简化了表单验证的过程,使得开发者无需编写大量重复的JavaScript代码即可实现复杂的验证逻辑。 #### 二、JSValidation的特点 ...
JSValidation是客户端表单有效性验证框架,主要包含2个js文件validation-config.xml和validation-framework.js,使用时通过在validation-config.xml中配置需要验证的form的id进行相应的验证.资源中包含本人测试成功后...
JSValidation致力于改善这一过程。它将常见的校验(目前支持13种)...由于采用xml集中管理表单验证,使得表单验证在整个系统中的耦合度大大降低,并且易维护性大大提高。开发者更多的精力可以投入到业务相关的代码中。
JSValidation是强大灵活的客户端验证框架。在应用服务器或者开发框架不提供验证的情况下...简便的XML配置,易于扩充的验证方式(目前支持13种验证,囊括了大部分常用表单验证),使得JSValidation成为验证框架的首选。
JSValidation 是一个专为BS(Browser-Server)系统设计的客户端表单验证框架,旨在简化和标准化网页应用中的表单验证流程。它通过封装常见的验证规则,利用XML来存储和配置验证信息,极大地降低了开发者的工作量,...
JavaScript验证框架JSValidation是一款强大的前端验证工具,专为开发者提供高效、灵活的表单验证解决方案。在Web开发中,确保用户输入的数据正确无误是非常重要的,JSValidation为此提供了丰富的功能和自定义选项。 ...
JSValidation是一款专为JavaScript设计的轻量级验证框架,它极大地简化了在前端进行表单验证的复杂性。该框架的主要目标是帮助开发者在创建登录、注册或其他需要用户输入数据的页面时,能快速、有效地实现数据验证。...