JSValidation框架的使用整理总结

来源：互联网发布：g92内锥度螺纹编程实例编辑：程序博客网时间：2024/04/30 09:46

1、JSValidation下载及相关介绍

http://cosoft.org.cn/projects/jsvalidation（目前似乎无法访问），建议搜索下去其他下载站点下载。

解压下载的压缩包，其中validation-framework.js，validation-config.xml，validation-config.dtd，这3个文件是我们需要的，其他的都是demo。

文件作简要说明：

validation-config.xml：验证规则的配置，项目中验证模块的工作主要就是在此文件中配置规则。

validation-framework.js：对validation-config.xml文件解析，实现验证函数。

validation-config.dtd：文档类型定义文件，是对validation-config.xml文件格式的规定，不需要改动。

2、环境配置：

新建工程名为Demo的web工程。

webcontent目录下新建文件夹js，将上述三个文件拉到js文件夹下。（三个文件建议放在同一目录，可以是根目录，也可以自建文件夹。）

validation-framework.js文件作如下修改：

文件第21行，将var ValidationRoot = "";修改为var ValidationRoot = "/Test/js/";

即在js文件中设置validation-config.xml配置文件的路径，Test为工程名，js为文件目录。

3、含有表单的html页面中使用：
与一般js引用一样，引用validation-framework.js，在html或者jsp页面中加入

为表单的onsubmit事件添加响应函数：
onsubmit="return doValidate(this)"

页面代码：

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>login</title><script type="text/javascript" src="/BookStoreOnlinex/js/validation-framework.js"></script></head><body><form action="" method="post" id="form1" onsubmit="return doValidate(this)"><input type="text" name="username"><input type="text" name="password"><input type="submit" value="submit"></form></body></html>

doValidate()中传this或者表单的id的字符串都可以，this表本表单，如果doValidate()函数添加在button上的话，就需要用id的方式，如本例：

<input type="button" value="check" onclick="doValidate('form1')">.

还有需要注意的是web页面的form表单的id与validation-config.xml配置中的form id是一一对应的。

附上validation-config.xml源码：

<?xml version="1.0" encoding="utf-8"?><!DOCTYPE validation-config SYSTEM "validation-config.dtd"><validation-config lang="auto"><form id="form1" show-error="alert" show-type="all"><field name="username" display-name="用户名" onfail=""><depend name="required" /><depend name="commonChar" /></field><field name="password" display-name="密码"><depend name="required" /><depend name="commonChar" /></field></form></validation-config>

使用过程中相关错误，转至相关博文：JSValidation使用的相关错误