- 浏览: 440202 次
- 性别:
- 来自: 杭州
文章分类
- 全部博客 (162)
- easymock (3)
- 模板引擎 (3)
- JForum (4)
- web (9)
- spring (10)
- java (20)
- struts (9)
- uml (3)
- java pattern (19)
- JQuery (14)
- 多线程 (13)
- database (21)
- PS (3)
- ejb (6)
- 版本管理 svn , maven , ant (2)
- protocol (1)
- 测试 (1)
- ws (7)
- Apache (4)
- 脚本语言 (1)
- guice (1)
- 分布式 (4)
- 架构 (0)
- 经验 (1)
- 版本管理 svn (1)
- maven (1)
- ant (1)
- 书籍 (1)
- Linux (1)
最新评论
-
Master-Gao:
稍微明白了点,,有点萌萌哒
为什么匿名内部类参数必须为final类型 -
waw0931:
终于明白了,谢谢!
为什么匿名内部类参数必须为final类型 -
十三圆桌骑士:
提供了两个链接还是有用的。
安装Mondrian -
放方芳:
[flash=200,200][/flash]
Freemarker标签使用 -
放方芳:
[b][/b]
Freemarker标签使用
项目中用到validation Engine 和 stuts2,这篇文章值得借鉴(转),把原文中的一些东西改了下
validationEngine v2.0进行了重写,变化很大。
首先说一下整个表单验证,使用简单的一行代码就能完成:
$("#form.id").validationEngine('validate');
这是我之前用的验证代码:
var success=true;
$(formid+" :text,"+formid+" select,"+formid+" textarea").each(function(i,input){
if($.validationEngine.loadValidation("#"+$(input).attr('id'))){
success=false;
}
});
是挨个验证的,当然现在也可以挨个验证:
$("#form.id").validationEngine('validateField', "比如一个INPUT的ID");
下面是自己使用AJAX验证的一点经验:
1.和旧版本一样,也是在域的class属性中添加ajax[XXXX],XXXX是自定义的验证规则。
2.规则与旧版本就有区别了:
"ajaxUserCall": {
"url": "ajaxValidateFieldUser",
"extraData": "name=eric",
"extraDataDynamic": ['#user_id', '#user_email'],
"alertText": "* This user is already taken",
"alertTextOk": "All good!",
"alertTextLoad": "* Validating, please wait"
}
- url - 这个都懂
- extraData - 可选的传递参数
- extraDataDynamic - 可选 DOM id's,其value属性会作为参数传递
- alertText - 验证错误提示信息
- alertTextOk - 验证成功提示信息(绿色)
- alertTextLoad - 验证提交过程中的提示信息
3.接下来这部分是我修改的两处validationEngine源代码,因为我认为这部分不适合使用struts2。
if (!options.isError) { alert(extraDataDynamic); $.ajax({ type: "GET", url: rule.url, cache: false, dataType: "json", data: "fieldId=" + field.attr("id") + "&fieldValue=" + field.val() + "&extraData=" + extraData + "&" + extraDataDynamic, field: field, rule: rule, methods: methods, options: options, beforeSend: function() { // build the loading prompt var loadingText = rule.alertTextLoad; if (loadingText) methods._showPrompt(field, loadingText, "load", true, options); }, error: function(data, transport) { methods._ajaxError(data, transport); }, success: function(json) { // asynchronously called on success, data is the json answer from the server var errorFieldId = json.validateReturn[0]; var errorField = $($("#" + errorFieldId)[0]); // make sure we found the element if (errorField.length == 1) { var status = json.validateReturn[1]; // read the optional msg from the server var msg = json.validateReturn[2]; if (!status) { // Houston we got a problem - display an red prompt options.ajaxValidCache[errorFieldId] = false; options.isError = true; // resolve the msg prompt if(msg) { if (options.allrules[msg]) { var txt = options.allrules[msg].alertText; if (txt) msg = txt; } } else msg = rule.alertText; methods._showPrompt(errorField, msg, "", true, options); } else { if (options.ajaxValidCache[errorFieldId] !== undefined) options.ajaxValidCache[errorFieldId] = true; // resolves the msg prompt if(msg) { if (options.allrules[msg]) { var txt = options.allrules[msg].alertTextOk; if (txt) msg = txt; } } else msg = rule.alertTextOk; // see if we should display a green prompt if (msg) methods._showPrompt(errorField, msg, "pass", true, options); else methods._closePrompt(errorField); } } } }); }
注意红字部分,根据文档描述,需要返回的JSON数据应该形如:
Client receives <== ["id1", boolean, errorMsg] Server
- 域的ID
- 验证状态,成功或者失败
- 可选的验证提示信息. 如果不写则使用规则中定义的提示信息
我在struts2中使用的是struts2-json-plugin-2.1.8.jar(struts2代码在后面),返回的属性是Object[] validateReturn, 所以这里接收到的JSON数据应该我改成了json.validateReturn.
这里经过本人验证,是不需要改成json.validateReturn要这样的,用源代码中的就行
if (extraDataDynamic) {
var tmpData = [];
var domIds = String(extraDataDynamic).split(",");
for (var i = 0; i < domIds.length; i++) {
var id = domIds[i];
if ($(id).length) {
var inputValue = field.closest("form").find(id).val();
var keyValue = $(id).attr("name") + '=' + escape(inputValue);
tmpData.push(keyValue);
}
}
此处源代码是在直接使用extraDataDynamic中填写的域把"#"换成"&"就附在URL后面作为参数了,在域中如果和我一样name属性和id属性不一致,则修改此处为红色字体。
4.这部分是action中的代码
private Object[] validateReturn = new Object[3]; private HttpServletRequest request; @Action(results = {@Result(type="json", params = { "excludeProperties", "inputStream,resultStatus,expertiseVo,expertiseVos"})}, value="validateExpertiseTypeNo") public String validateExpertiseTypeNo(){ String validateId = request.getParameter("fieldId");// 获取验证的域 String validateValue = request.getParameter("fieldValue"); //获取域的value属性 int valiValue = Integer.parseInt(validateValue);//我使用的int型,在class里还有验证规则 onlyNumber if(expertiseVo.getExpertiseType() == 0){//我需要在验证规则中添加其他域的值 validateReturn[0] = validateId;//这里是返回的提示信息数组 validateReturn[1] = false; validateReturn[2] = "未指定类型"; }else if(expertiseVo.getExpertiseType() != 0){ expertiseVo = expertiseService.findExpertiseByNo(expertiseVo.getExpertiseType(), valiValue); if(expertiseVo.getId() == null){ validateReturn[0] = validateId; validateReturn[1] = true; validateReturn[2] = "可以使用"; }else if(expertiseVo.getId().length > 0){ validateReturn[0] = validateId; validateReturn[1] = false; validateReturn[2] = "在指定类型已经存在"; } } return SUCCESS; }
以上是我由v2.0替换旧的v1.6在使用ajax验证上的一点心得,因为新版本中ajax规则中多了
这两个选项,可以让我提供组合域的验证。比如我在数据库中设置了多列组合的唯一约束。
发表评论
-
js this理解
2015-01-22 16:23 520http://www.jb51.net/article/162 ... -
AJAX提交Struts2表单(服务器端validation校验出错提示)
2012-12-27 17:00 14241.目标 在基于Struts2的应用中,利用AJ ... -
jquery小技巧
2012-12-21 16:38 7451.怎么访问js函数里面的函数? 1.re ... -
如何写jquery插件
2012-10-16 16:06 844参考一下链接: http://www.cnblogs. ... -
js 闭包
2012-10-16 15:50 949我的博客里面已经有好几篇介绍java script closu ... -
js 方法调用
2011-10-27 17:32 1201英文原版: http://devlicio.us/blogs/ ... -
jquery处理带有特殊字符的id
2011-10-26 14:30 7944所以id最好不要取名有 “.”、“#”、“(”、“[” ... -
struts2 json
2011-10-26 14:29 1250为了方便ajax调用传输数据,在struts2中加入的js ... -
js 闭包
2011-10-24 22:51 1185最近在网上查阅了 ... -
jquery 验证框架
2011-10-19 18:22 16034Jquery validate 验证 具体查看附件中demo ... -
javascript面向对象技术基础
2011-08-22 16:40 886看了很多介绍javascript面向对象技术的文章,很晕.为什 ... -
Javascript的匿名函数
2011-08-22 14:19 853Javascript的匿名函数 一、什么是匿名函数? ... -
JQuery原型
2011-05-23 11:20 3117在 JavaScript 中,每个函 ...
相关推荐
NULL 博文链接:https://cxyzhangbin.iteye.com/blog/1185185
本人自己写的struts2结合jquery实现ajax的源码。
Struts2与Ajax 的实现原理,于Servlet+Ajax原理是一致的,都是通过后台的response.getWriter().print("");把数据传输给前台的。 前台Ajax格式如下(需要导入ajax库,比如:jquery-1.11.3.js) 格式: $(function()...
struts2 ajax图片上传
这个是我自己用的代码和jar包,我在自己的机子实现了注册用户名是否已存在的功能。主要注意点都在文档里了。
介绍struts、ajax如何返回json数据 一首先引入Struts和json所需的jar包。 二编写页面 三编写action类 四Struts配置
Struts2+Ajax实现的用户登录 Struts2 Ajax Sprint Hibernate
struts2登陆验证struts2登陆验证struts2登陆验证struts2登陆验证
Struts2与AJAX
Struts2之ajax初析的并结合jquery一个例子 Web2.0的随波逐流,Ajax那是大放异彩,Struts2框架自己整合了对Ajax的原生支持(struts 2.1.7+,之前的版本可以通过插件实现),框架的整合只是使得JSON的创建变得异常简单...
struts2 + jquery +ajax 登录验证
基于Struts 2 Ajax实现的Login应用
Struts2与Ajax结合 输入验证
Struts 2并没有开发新的AJAX框架,而是使用时下Java EE平台中比较流行的AJAX框架——Dojo和DWR。本文详细讲解了关于struts与AJAX标签的相关技术!
struts2+jquery+ajax实现了文件的异步上传,的MyEclipse编写的简单项目
MVC Struts2框架搭建,Jquery Ajax异步数据交互,内涵需要的jar包及ppt讲解
Struts2中Validation数据验证框架教程 struts2中validation框架_前台验证 struts2中validation框架_后台验证
Struts2 验证框架 validation.xml 常用的验证规则
浅谈 Struts2 表单验证
NULL 博文链接:https://zw7534313.iteye.com/blog/425665