配备jsvalidation使用帮助
日期：2014-05-16 浏览次数：20359 次
配置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>
①将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>表单
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>
①将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>表单
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
