JSValidation框架的使用整理总结

最新推荐文章于 2022-05-07 11:35:30 发布

原创最新推荐文章于 2022-05-07 11:35:30 发布 · 1.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #web框架 #验证

javascript 专栏收录该内容

4 篇文章

订阅专栏

本文详细介绍了JSValidation的下载、配置方法及在HTML页面中的应用步骤，包括文件结构、验证规则配置、环境设置等关键环节。通过示例代码展示了如何在表单上集成验证功能，并提供了常见错误解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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使用的相关错误