JS_Validation客户端验证框架的使用步骤

一、将validation-config.dtd、validation-framework.js、validation-config.xml  三个文件拷贝到工程目录WebRoot下的js文件夹下

 

 

二、配置validation-framework.js 文件    var ValidationRoot = "/WebPro/js/";只需要配置这一句.WebPro为工程名

 

 

三、配置validation-config.xml 文件 文件内容如下

<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对应的是 form表单中的 id  千万不要弄错，否则会出现无法读取validation-framework.js的错误

  四、在需要添加验证的页面上添加js代码

 

<script language="javascript" src="/WebPro/js/validation-framework.js"></script>

 

 

五、在form中增加对函数的调用

<form  id="form1" name="form1" method="post" action="/WebPro/servlet/LoginForm" οnsubmit="return doValidate(this)">

 

注：此处的 id 对应validation-config.xml中的id ，当有id时 return doValidate(this)函数中可以传入 this表示本表单，如果from头中没有id 那么return doValidate(this)的this就要换成form的在validation-config.xml中对应的  id值

 

 

六、如果要使用DIV的形式来显示错误

       1.在页面中加入  <div id="error" style="color: red;font-weight: bold;"></div>

       2.将validation-config.xml中的show-error="alert" alert改成error