配置jsvalidation使用帮助

1.在WebRoot路径下新建一个js文件夹。
2.将Validation中validation-config.xml和validation-framework.js两个文件拷贝到其中。
3.更改validation-framework.js文件中第21行添加路径，例：
var ValidationRoot = "/lesson4/js/";
4.
(1)去掉validation-config.xml文件中14到41行,例：
<form id="form2" show-error="errorDiv" onfail="" show-type="first">
<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>
<field name="confirm" display-name="纭瀵嗙爜">
   <depend name="equalsField" param0="password"/>
</field>
<field name="gender" display-name="鎬у埆">
   <depend name="required" />
</field>
<field name="interest" display-name="鍏磋叮">
   <depend name="required" />
</field>
<field name="email" display-name="Email">
   <depend name="email"/>
</field>
<field name="age" display-name="骞撮緞">
   <depend name="integerRange" param0="15" param1="60"/>
</field>
<field name="cname" display-name="涓枃濮撳悕">
   <depend name="chineseChar"/>
</field>
</form>
(2)修改第4到第13行的name值，例：
<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> www.zzzyk.com
①将id="form1"改为id="login" 备注：和Login1.html中form表单中的name同名。
②将name="username"改为name="userName" 备注：和Login1.html中input表单中的name同名。
③将name="password"改为name="userPassword" 备注：和Login1.html中input表单中的name同名。
5.增加对javascript文件函数的调用。
(1)在Login1.html中<body></body>里第一行增加一行代码，代码如下：
<script language="javascript" src="/lesson4/js/validation-framework.js"></script>
(2)在Login1.html中<form>的内容里加上(提交)submit代码修改如下：
原：
<form method="post" action="/lesson4/servlet/login" name="login">
添加submit后：
<form method="post" action="/lesson4/servlet/login" name="login" onsubmit="return doValidate(this)">
6.解决出现乱码的问题(文件从新保存)：
将路径下的validation-framework.js文件用EditPlus打开，选择Encoding的格式为UTF-8替换保存。
7.在页面中显示而非弹出对话框提示，显示错误信息的设置方法：
(1)在Login1.html页面中<script>行下面<form>上面加上一行代码，代码如下：
<div id="error" style="color:red;font-weight:bold"><div>
备注： id值，error表示出错提示；样式，字体红色加粗。
(2)修改validation-config.xml文件中<form>表单里面show-error的值，将"alert"改为"error"
原：
<form id="form1" show-error="alert" show-type="all">
改为：
<form id="form1" show-error="error" show-type="all">

补充：web前端 , JavaScript ,