- 浏览: 90309 次
- 性别:
- 来自: 深圳
文章分类
最新评论
-
hairongtian:
我想问一下在GC中的gc roots是什么?教科书的看不懂,能 ...
JVM-GC实践总结(纠正并发线程数 转载)
主要用到了以下几个文件
1 js文件 jquery.validationEngine.js | jquery.validationEngine-cn.js | jquery.js
2 css文件 validationEngine.jquery.css
3 在需要验证的页面引入以上文件
注意 上面有部分粗体标示的地方 是用来验证用户名是否重复的(这里折腾了好久才出来)
在 jquery.validationEngine-cn.js中有这样一段
上面斜体部分是你的action 或servlet 都可以
下面是比较重要的你后台返回的东西了
上面加粗的地方就是前台页面需要的东东
1 js文件 jquery.validationEngine.js | jquery.validationEngine-cn.js | jquery.js
2 css文件 validationEngine.jquery.css
3 在需要验证的页面引入以上文件
<%@ page language="java" import="java.util.*,vutc.com.view.ws.ConfigUtil" pageEncoding="UTF-8"%> <%@taglib uri="/struts-tags" prefix="s"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> <META HTTP-EQUIV="expires" CONTENT="0"> <link href="css/link.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="js/public.js"> </script> <link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css" media="screen" title="no title" charset="utf-8" /> <link rel="stylesheet" href="css/template.css" type="text/css" media="screen" title="no title" charset="utf-8" /> <script src="js/jquery-1.4.min.js" type="text/javascript"></script> <script src="js/jquery.validationEngine-cn.js" type="text/javascript"></script> <script src="js/jquery.validationEngine.js" type="text/javascript"></script> <% response.setHeader("Pragma","No-cache"); response.setHeader("Cache-Control","no-cache"); response.setDateHeader("Expires", -10); %> <script> $(document).ready(function() { // SUCCESS AJAX CALL, replace "success: false," by: success : function() { callSuccessFunction() }, $("#formID").validationEngine({ showOnMouseOver:true, validationEventTriggers:"blur", //触发的事件 validationEventTriggers:"keyup blur", inlineValidation: true,//是否即时验证,false为提交表单时验证,默认true success : false,//为true 时即使有不符合的也提交表单,false表示只有全部通过验证了才能提交表单,默认false promptPosition: "topRight",//提示所在的位置,topLeft, topRight, bottomLeft, centerRight, bottomRight //failure : function() { alert("验证失败,请检查。"); }//验证失败时调用的函数 //success : function() { callSuccessFunction() },//验证通过时调用的函数 }) }); </script> <script language="javascript"> function saveV(){ if($('#formID').validationEngine({returnIsValid:true})==true){ $.ajax({ type: "POST", url: "syncTask!addSyncTask.action", data:$("#form1").serialize(), success: function(msg){ if(msg==0){ alert("添加成功"); window.location.reload(); }else{ alert("添加失败"); } } }); }else{ return false; } } </script> </head> <body style="margin-top:0px;" onLoad="settitle();"> <form id="formID" class="formular" method="post" action=""> <input type="hidden" name="loginName" value="${user.info.userName}"/> <table width="100%" height="768" border="0" background="<%=request.getContextPath() %>/image/01.jpg"><tr><td> <table width="1024" height="100%" border="0" align="center" cellspacing="0" background="<%=request.getContextPath() %>/image/UI02.jpg"> <tr> <td width="162" rowspan="5"> </td> <td height="139"> </td> <td width="61" rowspan="5"> <jsp:include flush="false" page="rxtitle.jsp"/></td> </tr> <tr> <td width="787" height="63"> <jsp:include flush="false" page="title.jsp"/> </td> </tr> <tr> <td height="30" align="center" valign="top" style="font-size:12px"><label id="isError" style=color:red>${fileIsReboot }</label> <div id="saveValue" style=color:red></div> </td> </tr> <tr> <td height=""> <!-- ----------------- --> <table height="100%" width="100%" border="0"><tr><td> <table height="100%" width="500" border="1" align="center" bordercolor="#000000" cellspacing="0" style="border-top:none;border-left:none; border-right:none;border-bottom:none"> <!-- 第一行 --> <tr><td height="135" style="border-top:none;border-left:none; border-right:none;border-bottom:none"> <div align="center"><strong>数据库同步配置信息</strong></div> <table width="100%" height="135" border="1" align="center" bordercolor="#000000" cellspacing="0" style="border-top:none;border-left:none; border-right:none;border-bottom:none"> <tr style=font-size:12px> <td colspan="3" height="10"></td> </tr> <tr> <td colspan="2" height="1"> </td> </tr> <tr style=font-size:12px height="10"> <td width="29%" style="border-top:none;border-right:none;"><span style="border-top:none; border-right:none; ">任务标识</span></td> <td width="71%" style="border-top:none;"><span style="border-top:none; border-right:none;"> [b]<input value="" class="validate[required,custom[noSpecialCaracters],length[0,20],ajax[ajaxUser]]" type="text" name="taskName" id="taskName" />[/b] </span> <div id="aa"></div> </td> </tr> <tr style=font-size:12px height="10"> <td width="29%" style="border-top:none;border-right:none;"><span style="border-top:none; border-right:none; ">是否备份</span></td> <td width="71%" style="border-top:none;"><span style="border-top:none; border-right:none;"> <input type="radio" name="isBackup" value="0" checked="checked">不备份 <input type="radio" name="isBackup" value="1">备份 </span> </td> </tr> <tr style=font-size:12px height="10"> <td width="29%" style="border-top:none;border-right:none;">数据库类型</td> <td width="71%" style="border-top:none;"><span style="border-top:none; border-right:none;"> <select name="dbType" id="dbType"> <option value="1">MySql</option> <option value="2">SqlServer</option> <option value="3">Oracle</option> <option value="4">DB2</option> </select> </span></td> </tr> <tr style=font-size:12px height="10"> <td width="29%" style="border-top:none;border-right:none;"><span style="border-top:none; border-right:none;">数据库名称</span></td> <td width="71%" style="border-top:none;"><input type="text" id="dbName" name="dbName" class="validate[required,custom[noSpecialCaracters],length[0,20]]" value="" size="20"></td> </tr> <tr style=font-size:12px height="10"> <td width="29%" style="border-top:none;border-right:none;"><span style="border-top:none; border-right:none;">数据库ip地址</span></td> <td width="71%" style="border-top:none;"><input type="text" id="dbAddress" name="dbAddress" class="validate[required,custom[ip],length[0,20]]" value="" size="20"></td> </tr> <tr style=font-size:12px height="10"> <td width="29%" style="border-top:none;border-right:none;">用户名</td> <td width="71%" style="border-top:none;"><span style="border-top:none; border-right:none;"> <input type="text" id="dbUser" name="dbUser" class="validate[required,custom[noSpecialCaracters],length[0,20]]" value="" size="20"> </span></td> </tr> <tr style=font-size:12px height="10"> <td width="29%" style="border-top:none;border-right:none;">数据库密码</td> <td width="71%" style="border-top:none;"><span style="border-top:none; border-right:none;"> <input type="text" id="dbPassword" name="dbPassword" class="validate[required,custom[noSpecialCaracters],length[0,20]]" value="" size="20"> </span></td> </tr> <tr style=font-size:12px height="10"> <td colspan="3" align="center" style=" border-left:none; border-right:none;border-bottom:none"> <input type="button" value="添 加" onclick="saveV()"/> </td></tr> </table> </td></tr> </table> </td></tr></table> <!-- -------------------- --> </td> </tr> <tr> <td height="91"> </td> </tr> </table> </td></tr></table> </form> </body> </html>
注意 上面有部分粗体标示的地方 是用来验证用户名是否重复的(这里折腾了好久才出来)
在 jquery.validationEngine-cn.js中有这样一段
"ajaxUser":{ "file":"[i]syncTask!val.action[/i]", "alertTextOk":"* 帐号可以使用.", "alertTextLoad":"* 检查中, 请稍后...", "alertText":"* 帐号不能使用."},
上面斜体部分是你的action 或servlet 都可以
下面是比较重要的你后台返回的东西了
public void val(){ this.getResponse().setContentType( "text/html;charset=utf-8" ); try { PrintWriter out=this.getResponse().getWriter(); ActionContext ac = ActionContext.getContext(); HttpServletRequest request = (HttpServletRequest) ac.get(ServletActionContext.HTTP_REQUEST); String validateId = request.getParameter("validateId"); //获取插件post参数validateId String validateValue = request.getParameter("validateValue"); //获取插件post参数validateValue String validateError = request.getParameter("validateError"); //获取插件post参数validateError boolean flags = this.iFacadeSyncTask.valdateTaskName(validateValue); String message = ""; if(flags){ [b]out.println("{'jsonValidateReturn':['"+validateId+"','"+validateError+"','false']}");[/b] }else{ [b]out.println("{'jsonValidateReturn':['"+validateId+"','"+validateError+"','true']}");[/b] } }catch(Exception e){ e.printStackTrace(); } }
上面加粗的地方就是前台页面需要的东东
发表评论
-
jquery使用技巧总结
2012-05-05 11:16 772jquery使用技巧总结 ... -
jQuery的基本用法:
2011-05-06 01:31 870随着WEB2.0及ajax思想在互 ... -
jquery获取 修改td中的值
2011-01-07 11:55 2701//获取table1,第7个tr的第二个td的值。 $(&q ... -
推荐一些web前端开发比较有用的框架
2010-09-09 10:33 1201Jschart 基于javascript的图表 ... -
jQuery1.4 中文 API
2010-03-11 23:01 0jQuery1.4 中文 API -
json返回一对多类型数据
2009-12-06 20:47 0最近在用jquery框架做项目,整个项目全部采用AJAX技 ...
相关推荐
**jQuery验证框架使用详解** jQuery验证框架是一款广泛应用于前端开发中的轻量级验证插件,它可以帮助开发者轻松实现表单数据的有效性验证,确保用户输入的数据符合预设规则,提高用户体验,减少服务器端的压力。本...
**jQuery验证框架**是一种在Web开发中用于前端数据验证的工具,它极大地简化了JavaScript验证的复杂性。jQuery库的强大功能结合验证插件,能够帮助开发者创建用户友好的、响应迅速的表单验证机制,确保用户输入的...
JQuery验证框架JQuery验证框架JQuery验证框架
**jQuery验证框架** jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互。在Web开发中,数据验证是必不可少的一环,用于确保用户输入的有效性和安全性。jQuery验证框架...
**jQuery验证框架详解** jQuery,一个轻量级、高性能的JavaScript库,因其简洁的API和强大的功能,成为了前端开发中的必备工具。其中,jQuery验证框架是用于实现表单验证的重要组成部分,它使得开发者能够轻松地为...
【jQuery验证框架学习】 jQuery是一个广泛使用的JavaScript库,它的核心特性是简化HTML文档遍历、事件处理、动画设计和Ajax交互。本教程旨在带你深入了解jQuery验证框架,这是一套用于前端数据验证的工具,能够帮助...
资源包中的帮助文档可能包含了关于jQuery验证框架和分页技术的详细指南,包括API参考、示例代码和常见问题解答。阅读这些文档可以帮助开发者更好地理解和应用这些技术。 总结,本资源包提供了jQuery验证框架的实例...
jQuery验证框架学习教程详细介绍了jQuery及其验证插件的使用方法,旨在帮助开发者快速掌握jQuery这一强大的JavaScript库,并学会如何使用其提供的验证功能来增强Web应用的用户交互体验。 首先,jQuery是一个开源的...
标题中的“很不错的验证框架jquery”指的是jQuery Validation Plugin,这是一个非常流行且功能强大的JavaScript库,专门用于HTML表单验证。jQuery本身是一个轻量级的JavaScript库,极大地简化了DOM操作、事件处理和...
**二、jQuery验证框架的重要性** 前端验证不仅能够即时反馈用户输入错误,提高用户交互体验,还能减少服务器端的压力,避免无效请求。jQuery的验证框架提供了一套灵活、可定制的验证规则,使开发者可以快速构建表单...
jQuery验证框架是一个强大的JavaScript库,用于在客户端进行表单验证,极大地提高了用户界面的交互性和用户体验。本笔记主要涵盖了框架的各个重要方面,包括可选项、插件方法、选择器和实用工具、验证器、内置验证...
**jQuery验证框架详解** jQuery Validate 是一个非常流行的前端验证插件,它为HTML表单提供了强大的验证功能。这个插件是jQuery库的一个扩展,能够帮助开发者轻松实现对用户输入数据的有效性检查,确保数据在提交前...
### jQuery验证框架内置验证方法validate #### 一、概述 jQuery验证框架,即`jquery.validate.js`,是一款非常实用的JavaScript库,它为Web开发者提供了简单而强大的客户端表单验证功能。通过使用此插件,可以轻松...
### jQuery验证框架详解 #### 一、概述 jQuery Validation Plugin 是一个非常强大的验证插件,它可以帮助开发者轻松地实现客户端表单验证功能。此插件是基于jQuery开发的,因此可以充分利用jQuery的强大功能来简化...
Jquery表单验证框架 jquery.alphanumeric.js
总的来说,jQuery Validate框架通过提供丰富的验证规则、回调函数和自定义选项,使得在HTML表单中实现复杂的验证逻辑变得简单易行。无论你是新手还是经验丰富的开发者,这个框架都能帮助你快速构建安全、用户友好的...
**jQuery验证框架详解** jQuery验证框架是一款非常实用的前端数据验证工具,它为开发者提供了便捷、高效的方法来确保用户在表单提交时输入的数据符合预设的规则。这个框架具有详细注释,易于理解,且经过了严格的...