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页面中加入
![](https://i-blog.csdnimg.cn/blog_migrate/4f1150b881333f12a311ae9ef34da474.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/4f1150b881333f12a311ae9ef34da474.gif)
为表单的onsubmit事件添加响应函数:
οnsubmit="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" οnsubmit="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" οnclick="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使用的相关错误