配置jsvalidation使用帮助

最新推荐文章于 2024-04-25 16:43:08 发布

朗晴

最新推荐文章于 2024-04-25 16:43:08 发布

阅读量492

点赞数

文章标签： login javascript validation action encoding input

本文链接：https://blog.csdn.net/jacktree365/article/details/8099111

版权

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" οnsubmit="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">
8.加入最小字符和最大字符限制:
在<field>和</field>中加入如下两行设置代码:
   <depend name="minLength" param0="2" />
   <depend name="maxLength" param0="40" />
原代码为:
  <field name="name" display-name="姓名" onfail="">
   <depend name="required" />
   <depend name="commonChar" />
  </field>
加入后代码为:
  <field name="name" display-name="姓名" onfail="">
   <depend name="required" />
   <depend name="commonChar" />
   <depend name="minLength" param0="2" />
   <depend name="maxLength" param0="40" />
  </field>

朗晴

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
配置jsvalidation使用帮助

1.在WebRoot路径下新建一个js文件夹。2.将Validation中validation-config.xml和validation-framework.js两个文件拷贝到其中。3.更改validation-framework.js文件中第21行添加路径，例：var ValidationRoot = "/lesson4/js/";4.(1)去掉validation-con
复制链接

扫一扫