今天着重介绍的是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" onsubmit="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>
红色部分要着重注意。
好了配置完成!
施杨出品!!!
分享到:
相关推荐
Js验证框架使用示例Js验证框架使用示例
js validate 非常强大的js验证框架 验证 js Validate js验证
javascript验证框架,在这里备份,
很好用的页面验证框架,对页面表单数据验证及提示很方便!
jsvalidation客户端JavaScript验证框架使用手册
Form验证框架 JSForm验证框架 JSForm验证框架 JS
自己写的一个简单的验证框架。主要包括jquery-1.4.2.min.js、validate.js、formFrame.js、form_add.css和admin_add.jsp(框架和一个案例)。
jquery.validate Validation .js验证框架 帮助 手册 文档.doc (一)、可选项( options ) 1 (二)插件方法 (jQuery validation) 6 (三、四)选择器及实用工具 (jQuery validation) 7 四、实用工具(Utilities) 8 ...
jquery-validate验证框架使用详解及JS文件
jquery.validate Validation .js验证框架 帮助 手册 文档.chm 版本 方面查询 (一)、可选项( options ) 1 (二)插件方法 (jQuery validation) 6 (三、四)选择器及实用工具 (jQuery validation) 7 四、实用工具...
一套非常实用的js验证框架,无需修改直接嵌入项目中即可使用,方便快捷。
jsvalidate 强大的js验证框架
使用js框架验证用户名
JSValidation是强大灵活的客户端验证框架。在应用服务器或者开发框架不提供验证的情况下,例如,普通的JSP, ASP, PHP等开发,以及一些不提供验证支持的开发框架,如Tapestry, Velocity等,JSValidation提供了一种...
1,优化了性能(以前是把所有验证器都加到工厂中,现在是按需添加) 2,修复了两处小Bug. 博文链接:https://tywo45.iteye.com/blog/196650
jquery-validate前台验证框架,带详细使用方法。共同进步共同研究学习