JSValidation框架使用

JSValidation是一个表单验证的框架，可以通过配置xml文件的形式，来完成表单

的验证。下面是个简单的例子。

1,下载JSValidation

http://vdisk.weibo.com/s/mwHY9

2,建立web项目，把validation-framework.js，validation-config.xml，

validation-config.dtd，这3个文件放入你的项目，我放在js目录下
3，建立含有表单的html页面
在网页的前面加上对JSValidation的引用

然后是表单的onsubmit事件
onsubmit=”return doValidate(this)”
doValidate()中传this或者表单的id的字符串都可以
表单一定要有id，并与后面的xml文件中的id相同

完整的html代码

<%@ page language=”java” pageEncoding=”utf-8″%>

<!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.01 Transitional//EN”>

<html>

<head>

<title>Testing for JSValidation</title>

content=”keyword1,keyword2,keyword3″>

page”>

<!–

–>

framework.js”></script>

</head>

<body>

username:<%=request.getParameter(“username”)%>

password:<%=request.getParameter(“password”)%>

<form id=”form1″ action=”index.jsp” name=”form1″

method=”post”

onsubmit=”return doValidate(this)”>

username:

<input name=”username” size=”30″ maxlength=”30″

type=”text” />

password:

<input name=”password” size=”30″ maxlength=”30″

type=”password” />

<input name=”submit” value=”提交”

type=”submit”>

</form>

</body>

</html>

4，修改validation-config.xml
将form的id和要验证域的name设置成一致的，每个验证域可以根据自己的需求改变验证方法
下面是xml的代码

<?xml version=”1.0″ encoding=”utf-8″?>

<!DOCTYPE validation-config SYSTEM ”validation-config.dtd”>

<validation-config lang=”auto”>

</field>

</field>

</form>

</validation-config>

5,最后是修改validation-framework.js
将var ValidationRoot = “”; 改为你xml文件所在的路径
例如，我的web应用的是webproject15
那么就改成 var ValidationRoot = “/webproject15/js/”;