今天着重介绍的是JS验证框架在Java Web项目中的应用，

JSValidation要去http://cosoft.org.cn/projects/jsvalidation中下载最新版本。

JSValidation可以实现的验证功能：

13种验证规则：
输入内容非空
输入数值必须为整数
输入数值必须为双精度浮点数
输入字符必须为普通英文字符（字母，数字，下划线）
输入字符必须为中文字符
输入的内容是否为Email格式
输入内容最大长度
输入内容最小长度
输入的内容是否为日期格式（yyyy-mm-dd）
自定义的正则表达式
输入数值的整数范围（大于某数而小于某数）
输入数值的双精度范围
输入内容必须与某个域的值相同。

这可以使我们联想到Struts中Validator插件的配置和使用 ，这个是验证插件。

不过我介绍的这个更好用一些。只需把三个文件移到Web-Root下，再在网页中加入两句关键的JavaScript语句就可以。

这三个文件是validation-config.dtd（关键文件，可能有关转码）、validation-framework.js、validation-config.xml。

其中validation-framework.js中的红色字体，这句是路径，如果三个文件放到Web-Root下就没必要修改。

/*
 * JavaScript Validation Framework
 *
 * Author: Michael Chen(mechiland) on 2004/03
 * This software is on the http://www.cosoft.org.cn/projects/jsvalidation
 * for update, bugfix, etc, you can goto the homepage and submit your request
 * and question.
 * Apache License 2.0
 * You should use this software under the terms.
 *
 * Please, please keep above words. At least ,please make a note that such as
 * "This software developed by Michael Chen(http://www.jzchen.net)" .
 * $Id: validation-framework.js,v 1.7 2004/04/30 05:33:29 jzchen Exp $
 */

/** Config Section, Config these fields to make this framework work. **/

// If there is only one config file in your system, use this property. otherwise, use
//     ValidationFramework.init("configfile")    
// instead.
var ValidationRoot = "";

// the field style when validation fails. it aim to provide more beautiful UI and more good
// experience to the end-user.
// NOTE: this will be buggy. Please report the error to me.
var ValidationFailCssStyle = "border:2px solid #FFCC88;";

//Validation function. The entry point of the framework.
function doValidate(formRef) {

。。。。。。

validation-config.xml中的代码，

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE validation-config SYSTEM "validation-config.dtd">
<validation-config lang="auto">
 <form id="form1" show-error="alert" show-type="all"><!--对映Html页面里Form的id-->
  <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>
</validation-config>

页面里

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta http-equiv="Content-Language" content="zh-cn">
<title>JavaScript Validation Framework</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script language="JavaScript" src="validation-framework.js"></script>
<SCRIPT LANGUAGE="JavaScript" src="site.js"></SCRIPT>
</head>

<body>
  <div id="error" style="color:red;font-weight:bold;"></div>
    <form name="form1" id="form1" action="/webFormProject/servlet/login" method="post" οnsubmit="return doValidate('form1')">
      
      <table border="0">
        <tr>
          <td>用户名：</td>
          <td><input type="text" name="username"></td>
        </tr>
        <tr>
          <td>密码：<br></td>
          <td><input type="password" name="password"></td>
        </tr>
        <tr>
          <td><input type="submit" name="submit" value="登录"></td>
          <td align="center"><input type="reset" name="reset" value="重置"></td>
        </tr>
      </table>
    </form>
  </body>
</html>

红色部分要着重注意。

好了配置完成！

施杨出品！！！

转载于:https://www.cnblogs.com/shiyangxt/archive/2008/07/26/1252129.html

JS验证框架的使用方法相关推荐

  1. tt验证框架2.0.0发布：一个好用的js验证框架

    [b]两点说明:[/b] 1.tt是talent的简称,现在此框架所有的代码都以tt为命名空间,talent太长了,不利于书写和节约空间. 2.附件除含有tt验证框架外,还有两个js压缩工具. 先上图 ...

  2. talent-validate-all.js验证框架

    导入相应的js,css框架 <link type="text/css" rel="stylesheet"             href="& ...

  3. 关于validation验证框架不起作用的解决方法

    搞了几天Validator框架验证,怎么做它都不起作用,我找了N个资料,都没查出来问题所在.终于,发现了问题,我把LoginForm.java(例子),就是表单Bean中的默认验证方法validate ...

  4. OVAL验证框架帮助文档

    OVAL验证框架帮助文档 java开源验证框架oval,功能非常强大,使用简单:现在整理帮助文档供大家参考,希望能得到更多的反馈和使用经验. 1.  注解说明 1.1.  @Assert Check ...

  5. TP框架表单验证 【包含ajax方法】

    之前的表单验证都是用js写的,这里也可以使用tp框架的验证.但是两者比较而言还是js验证比较好,因为tp框架验证会运行后台代码,这样运行速度和效率就会下降. 自动验证是ThinkPHP模型层提供的一种 ...

  6. 手把手教你自己写一个js表单验证框架

    其实我自己也就能简单用用js而已,但是呢,相对很多初学者来说多懂了点Know How所以斗 胆孟浪一下,将一些所得记录下来,以供更多的初学者能够知道一个东西的实现过程,省去 在源码里摸索的过程. 在表 ...

  7. 绕开JS验证的方法汇总

    1.应用场景 用于请求接口测试.[比如后端接口安全测试] 2.学习/操作 前言: 服务器端验证是必要的. 方法汇总 方法一 将页面保存到自己机器上, 然后把脚本检查的地方去掉,最后在自己机器上运行那个 ...

  8. jQuery Validate验证框架详解

    2019独角兽企业重金招聘Python工程师标准>>> 一.导入js库 <script type="text/javascript" src="& ...

  9. 13个AJAX验证框架

    前言: 众所周知,验证,最好是在客户端尽量解决,以降低服务端资源开销:在目前AJAX流行的今天,基于AJAX的验证更能够为客户端验证提供丰富的机制和美观的交互效果.本文收集了13个比较通用的AJAX验 ...

最新文章

  1. 独家 | Python 3.10发布——你应该知道的五大新特性
  2. 微信做入口，微软却想做入口的入口
  3. [转载 css]word-wrap,word-break,white-space,text-overflow的区别和用法
  4. boost::gil::view_is_mutable用法的测试程序
  5. DynamipsGUI下CISCO SDM的安装配置
  6. 滴滴试行“选择路线”功能 乘客可自主选择行驶路线
  7. 13、字符设备驱动的使用
  8. NSMapTable、NSHashTable与NSPointerArray的封装
  9. t580 thinkpad_ThinkPad T580性能如何？联想ThinkPad T580商务本详细评测
  10. c# 实现圆形的进度条(ProgressBar)
  11. photoshop中魔棒工具的使用
  12. CROSS APPLY 和 OUTER APPLY 函数
  13. C#读取网卡地址的几种方法
  14. 网页视频倍速播放代码
  15. 1716: [Usaco2006 Dec]The Fewest Coins 找零钱
  16. 关于 国产麒麟系统编译Qt项目是报错：error: cannot find -lGL 的解决方法
  17. 浏览器中显示PPT的展示效果
  18. 多径效应及其消除方法
  19. python 解析恶心的时间
  20. 解决|Adobe Reader XI软件打开后闪退问题

热门文章

  1. nginx bind() to 0.0.0.0:**** failed (13: Permission denied)
  2. LINUX 系统 安装Jexus 5.6和mono3.4 部署.net 环境
  3. java.io.IOException: Stream closed
  4. 从源码角度入手实现RecyclerView的Item点击事件
  5. 多线程实现的二种方式
  6. PHP框架CodeIgniter之连接MS Sqlserver2014及URL Rewrite问题解决
  7. html5 响应式布局
  8. 字符串操作与正则表达式
  9. 红旗桌面版本最新运用体式款式和成就解答100例-8
  10. gulp压缩js转义es6的常见错误及解决方案