jslfl
- 浏览: 322158 次
- 性别:
- 来自: 成都
-
文章分类
最新评论
-
lst923：
...
java 实现图片裁剪 -
kakarottoz：
多谢博主分享，正好用到！
java 实现图片裁剪 -
Vcb：
http://osgi.jxtech.net 是一个完全基于O ...
OSGi介绍 -
Vcb：
是一个完全基于OSGi的开发平台，有在线演示，免费插件可供下 ...
OSGi介绍 -
mikey_5：
谢谢分享，原来设置： style="word-bre ...
td内容自动换行
项目中时常会用到一些验证手段...由于在开发前需要对一些技术的定位!所以一般选择固定的验证框架和技术.
我在前台验证中使用的是jquery_validator.这是个容易上手的框架.个人感觉它和struts2结合在一起非常不错.下面讲下使用的过程.
准备的jar包:struts2可以到http://struts.apache.org/download.cgi下载
juery_validator可以到http://plugins.jquery.com/project/validate下载
jquery_validator的介绍:
一.默认校验规则
(1)required:true 必输字段
(2)remote:"check.php" 使用ajax方法调用check.php验证输入值
(3)email:true 必须输入正确格式的电子邮件
(4)url:true 必须输入正确格式的网址
(5)date:true 必须输入正确格式的日期
(6)dateISO:true 必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性
(7)number:true 必须输入合法的数字(负数，小数)
(8)digits:true 必须输入整数
(9)creditcard: 必须输入合法的信用卡号
(10)equalTo:"#field" 输入值必须和#field相同
(11)accept: 输入拥有合法后缀名的字符串（上传文件的后缀）
(12)maxlength:5 输入长度最多是5的字符串(汉字算一个字符)
(13)minlength:10 输入长度最小是10的字符串(汉字算一个字符)
(14)rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)
(15)range:[5,10] 输入值必须介于 5 和 10 之间
(16)max:5 输入值不能大于5
(17)min:10 输入值不能小于10
默认的提示在jquery_validate.js源码中可以看到是英文的提示:
messages: {.....}
可以自己进行修改.不过jquery_validate本来就提供了各个语言的包就在下载的jquery.validate.zip中localization包下.使用中文可以导入messages_cn.js;
下面是例子的开始:
整个项目的部署过程就不说了。下面会有例子上传
讲些重点.
reg.jsp:
Java代码
<link href="css/jquery_validate.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery_validate.js"></script>
<script type="text/javascript" src="js/jquery.metadata.js"></script>
</head>
<script type="text/javascript">
$(function() {
$("#jvForm").validate();
});
</script>
<body>
<form action="" method="post" id="jvForm">
<table>
<tr>
<td>name:</td>
<td><input type="text" name="bean.name" class="{required:true,remote:'admin/core/ajax/checkUserName.action',messages:{remote:'用户名已存在！'}}"/></td>
</tr>
<tr>
<td>password:</td>
<td><input type="password" name="bean.password" class="required"/></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="提交"/></td>
</tr>
</table>
</form>
首先引入jquery_validate.css.对提示的内容进行css格式的修改.
jquery.metadata.js可以提供
使用class="{}"的方式，可以使用如下的方法，修改提示内容：
class="{required:true,minlength:5,messages:{required:'请输入内容'}}"在使用equalTo关键字时，后面的内容必须加上引号，如下代码：
class="{required:true,minlength:5,equalTo:'#password'}"
它的其他几种表现方式就不介绍了.因为各个感觉这种表现形式是最好用的.
用户名的检测中我们做了一个模拟检验用户名是否存在(这种操作在项目中也是比较常见.对于一些名字不可以重复的进行提示).我们访问了checkName.action.下面看看相应的Action实体:
AdminAjaxAct
Java代码
public class AdminAjaxAct implements Action{
/**
* 判断前台用户注册
*
* @return
*/
public String checkUserName() {
String username = bean.getName();
boolean b = true;
if (StringUtils.isBlank(username)) {
b = false;
}
if (b) {
b = "test".equals(username);
}
//如果用户名存在.就代表检验用户存在
//所以用户不能提交
return renderText(b ? "false" : "true");
}
/**
* 绕过Template,直接输出内容的简便函数.对常用的数据进行抽取.提高
*提高重用性
*/
protected String render(String text, String contentType) {
try {
HttpServletResponse response = ServletActionContext.getResponse();
response.setContentType(contentType);
response.getWriter().write(text);
} catch (IOException e) {
}
return null;
}
/**
* 直接输出字符串.
*/
protected String renderText(String text) {
return render(text, "text/plain;charset=UTF-8");
}
private Admin bean;
public Admin getBean() {
return bean;
}
public void setBean(Admin bean) {
this.bean = bean;
}
@Override
public String execute() throws Exception {
return SUCCESS;
}
}
StringUtils:apache提供的工具包(挺好用).因为要符合jquery_validator的形式所以输出的要为true.false方便以信息的形式进行提示.
从中就可以感觉到.在使用jquery_validator的时候使用struts2的OGNL表达式的原型完成可以整在一起.他传递参数也同样是使用是将对象的引用值用点串联起来.如bean.name;
详细参考
http://www.f6n.net/blog/web/200901129415.html
我在前台验证中使用的是jquery_validator.这是个容易上手的框架.个人感觉它和struts2结合在一起非常不错.下面讲下使用的过程.
准备的jar包:struts2可以到http://struts.apache.org/download.cgi下载
juery_validator可以到http://plugins.jquery.com/project/validate下载
jquery_validator的介绍:
一.默认校验规则
(1)required:true 必输字段
(2)remote:"check.php" 使用ajax方法调用check.php验证输入值
(3)email:true 必须输入正确格式的电子邮件
(4)url:true 必须输入正确格式的网址
(5)date:true 必须输入正确格式的日期
(6)dateISO:true 必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性
(7)number:true 必须输入合法的数字(负数，小数)
(8)digits:true 必须输入整数
(9)creditcard: 必须输入合法的信用卡号
(10)equalTo:"#field" 输入值必须和#field相同
(11)accept: 输入拥有合法后缀名的字符串（上传文件的后缀）
(12)maxlength:5 输入长度最多是5的字符串(汉字算一个字符)
(13)minlength:10 输入长度最小是10的字符串(汉字算一个字符)
(14)rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)
(15)range:[5,10] 输入值必须介于 5 和 10 之间
(16)max:5 输入值不能大于5
(17)min:10 输入值不能小于10
默认的提示在jquery_validate.js源码中可以看到是英文的提示:
messages: {.....}
可以自己进行修改.不过jquery_validate本来就提供了各个语言的包就在下载的jquery.validate.zip中localization包下.使用中文可以导入messages_cn.js;
下面是例子的开始:
整个项目的部署过程就不说了。下面会有例子上传
讲些重点.
reg.jsp:
Java代码
<link href="css/jquery_validate.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery_validate.js"></script>
<script type="text/javascript" src="js/jquery.metadata.js"></script>
</head>
<script type="text/javascript">
$(function() {
$("#jvForm").validate();
});
</script>
<body>
<form action="" method="post" id="jvForm">
<table>
<tr>
<td>name:</td>
<td><input type="text" name="bean.name" class="{required:true,remote:'admin/core/ajax/checkUserName.action',messages:{remote:'用户名已存在！'}}"/></td>
</tr>
<tr>
<td>password:</td>
<td><input type="password" name="bean.password" class="required"/></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="提交"/></td>
</tr>
</table>
</form>
首先引入jquery_validate.css.对提示的内容进行css格式的修改.
jquery.metadata.js可以提供
使用class="{}"的方式，可以使用如下的方法，修改提示内容：
class="{required:true,minlength:5,messages:{required:'请输入内容'}}"在使用equalTo关键字时，后面的内容必须加上引号，如下代码：
class="{required:true,minlength:5,equalTo:'#password'}"
它的其他几种表现方式就不介绍了.因为各个感觉这种表现形式是最好用的.
用户名的检测中我们做了一个模拟检验用户名是否存在(这种操作在项目中也是比较常见.对于一些名字不可以重复的进行提示).我们访问了checkName.action.下面看看相应的Action实体:
AdminAjaxAct
Java代码
public class AdminAjaxAct implements Action{
/**
* 判断前台用户注册
*
* @return
*/
public String checkUserName() {
String username = bean.getName();
boolean b = true;
if (StringUtils.isBlank(username)) {
b = false;
}
if (b) {
b = "test".equals(username);
}
//如果用户名存在.就代表检验用户存在
//所以用户不能提交
return renderText(b ? "false" : "true");
}
/**
* 绕过Template,直接输出内容的简便函数.对常用的数据进行抽取.提高
*提高重用性
*/
protected String render(String text, String contentType) {
try {
HttpServletResponse response = ServletActionContext.getResponse();
response.setContentType(contentType);
response.getWriter().write(text);
} catch (IOException e) {
}
return null;
}
/**
* 直接输出字符串.
*/
protected String renderText(String text) {
return render(text, "text/plain;charset=UTF-8");
}
private Admin bean;
public Admin getBean() {
return bean;
}
public void setBean(Admin bean) {
this.bean = bean;
}
@Override
public String execute() throws Exception {
return SUCCESS;
}
}
StringUtils:apache提供的工具包(挺好用).因为要符合jquery_validator的形式所以输出的要为true.false方便以信息的形式进行提示.
从中就可以感觉到.在使用jquery_validator的时候使用struts2的OGNL表达式的原型完成可以整在一起.他传递参数也同样是使用是将对象的引用值用点串联起来.如bean.name;
详细参考
http://www.f6n.net/blog/web/200901129415.html
分享到：
发表评论
-
hibernate集合映射inverse和cascade详解
2013-05-04 12:14 948网上转载,出处不详 １、到底在哪用cascade=" ... -
js取el中的map值及js replaceAll实现
2013-04-10 15:55 2262<% Map map = new HashMap(); ... -
Struts2返回结果类型
2013-04-03 15:35 969转自：http://blog.csdn.net/sleepin ... -
Hibernate实体注解
2013-04-03 15:29 1112转自：http://blog.csdn.net/sleepin ... -
eclipse jee + tomcat记要
2013-03-08 15:37 2776今天重新下了个eclipse-jee-helios-SR2-w ... -
Hibernate主键生成策略
2013-01-28 15:50 8641) assigned 主键由外部程 ... -
tomcat调整内存大小
2012-11-14 14:15 1008Tomcat6使用安装版本进行安装后，使用内存的调整无法利用修 ... -
jstl与 jsp脚本间的数据传递
2012-11-08 13:34 1047可能这个标题没有确切表达我的意思,直接说用处 后台把一个对象, ... -
spring RMI rmoting远程服务实例
2012-10-25 14:39 1386还没有测试,先留在这儿,转自http://www.walker ... -
hibernate条件查询
2012-08-15 10:43 12311. Criteria criteria = getSessi ... -
一个分号引发的"血案"
2012-08-14 16:29 1200我用hibernate的SQLQuery做查询,sql是拼出来 ... -
struts 文件下载
2012-07-19 11:17 918以下代码是struts1中的action中 一般下载有三种方式 ... -
struts1 forward 请求带参数
2012-07-18 10:40 1807如果action配置中,加了scope="reque ... -
struts1 初始化
2012-07-18 10:08 1466好久不用这了,现在项目用到,回忆下struts1的基础 一 ... -
A Different Object With The Same Identifier Value Was Already Associated With Th
2012-07-05 14:38 809getHibernateTemplate().merge(ob ... -
解压版Tomcat服务
2012-06-21 11:47 1382本文来自http://my.oschina.n ... -
Jboss的安装与使用
2012-06-21 11:48 11591、 安装 1.1、软件安 ... -
hibernate延迟加载
2012-06-21 11:47 999hibernate延迟加载问题是开发者使用hibernate时 ... -
tomcat + apache配置
2012-06-21 11:48 1147Apache的HTTPD是目前比较 ... -
web安全登陆
2012-06-20 09:08 1117首先在客户端向服务器端请求登录页面时，服务器端生成一个随机字符 ...
相关推荐
**jQuery验证插件详解** jQuery验证插件是前端开发中常用的一个工具，它极大地简化了网页表单验证的实现过程，让开发者能够更专注于业务逻辑而不是基础验证功能。本篇文章将深入探讨jQuery验证插件的核心功能、使用...
标题“jquery验证密码强度”指的是使用JavaScript库jQuery来实现对用户输入密码的强度进行验证的功能。在网页表单中，为了提高用户账户的安全性，通常会要求用户设置具有一定复杂度的密码，例如包含大小写字母、数字...
简述jQuery验证插件validation的功能和使用
**jQuery验证框架**是一种在Web开发中用于前端数据验证的工具，它极大地简化了JavaScript验证的复杂性。jQuery库的强大功能结合验证插件，能够帮助开发者创建用户友好的、响应迅速的表单验证机制，确保用户输入的...
**jQuery验证框架详解** jQuery Validate 是一个非常流行的前端验证插件，它为HTML表单提供了强大的验证功能。这个插件是jQuery库的一个扩展，能够帮助开发者轻松实现对用户输入数据的有效性检查，确保数据在提交前...
《jQuery验证包详解》 在Web开发中，数据验证是必不可少的一环，它能确保用户输入的数据符合预期，从而保证程序的稳定性和安全性。jQuery验证包（jQuery Validation Plugin）是jQuery库的一个强大扩展，用于方便地...
### jQuery验证插件的核心特性 1. **易用性**：jQuery验证插件最大的优点是其简单易用的API。开发者无需预先编写HTML提示信息，而是通过JavaScript代码动态设置验证规则和错误消息。 2. **灵活性**：该插件支持...
jQuery验证插件是一款广泛应用于前端开发中的工具，它极大地简化了网页表单验证的过程，使得开发者可以方便地为用户输入的数据添加各种验证规则。这款插件不仅具备丰富的验证功能，而且特别强调对中文的支持，这在...
在本主题“jQuery验证表单”中，我们将深入探讨如何使用jQuery来实现高效、用户友好的表单验证功能。 1. **jQuery基本操作**：首先，我们需要在HTML文档中引入jQuery库。这通常通过在`<head>`标签内添加链接到...
【jQuery验证框架学习】 jQuery是一个广泛使用的JavaScript库，它的核心特性是简化HTML文档遍历、事件处理、动画设计和Ajax交互。本教程旨在带你深入了解jQuery验证框架，这是一套用于前端数据验证的工具，能够帮助...
jQuery 插件使客户端表单验证变得容易，同时仍然提供了大量的自定义选项。如果您要从头开始构建新的东西，或者当您试图将某些东西集成到具有大量现有标记的现有应用程序中时，它都是一个不错的选择。该插件捆绑了一...
表单验证类，jquery通用的验证类，jquery验证插件
### Jquery验证插件知识点详解 #### 一、概述 jQuery是一个快速、简洁的JavaScript库，使得HTML文档遍历、事件处理、动画等操作变得更加简单。通过jQuery，开发者可以更轻松地实现各种复杂的Web交互效果。jQuery的...
jQuery验证框架学习教程详细介绍了jQuery及其验证插件的使用方法，旨在帮助开发者快速掌握jQuery这一强大的JavaScript库，并学会如何使用其提供的验证功能来增强Web应用的用户交互体验。 首先，jQuery是一个开源的...
### jQuery验证框架详解 #### 一、概述 jQuery Validation Plugin 是一个非常强大的验证插件，它可以帮助开发者轻松地实现客户端表单验证功能。此插件是基于jQuery开发的，因此可以充分利用jQuery的强大功能来简化...
**jQuery验证插件Validator详解** jQuery Validator是一款广泛应用于前端开发中的强大验证插件，它能够帮助开发者轻松实现表单验证，提高用户体验，确保用户输入的数据符合预设的规则。这款插件是基于jQuery库构建...
本文将深入探讨"jQuery验证提示插件"的相关知识点。 首先，让我们理解什么是jQuery验证。jQuery Validation Plugin是官方提供的一个插件，主要用于创建复杂的表单验证规则，它可以轻松地添加错误消息和验证效果到...
"jQuery验证控件"是将jQuery与表单验证功能相结合的一种实现方式，旨在提供更灵活、用户友好的验证体验。 jQuery验证控件通常包括以下核心组件和特性： 1. **验证插件**：jQuery提供了许多验证插件，如jQuery ...