jquery struts 验证唯一标识(公用方法)


Posted in Javascript onMarch 27, 2013

步骤一 引入js文件

<script language="javascript1.2" src="<s:url value="/js/jquery.js" includeParams="false"/>"></script> 
<script language="javascript1.2" src="<s:url value="/js/dictionary.js" includeParams="false"/>"></script>

步骤二 公用js文件 dictionary.js
/** 
*↓↓↓↓↓↓↓↓↓↓ 
*作者:ZhuangZi 
*类名:公用方法初始化 
*功能:公用方法初始化 
*详细:公用方法初始化 
*版本:1.0 
*日期:2013-03-22 
*说明: 
*↑↑↑↑↑↑↑↑↑↑ 
*/ 
$(function(){ 
/*1.失去焦点验证↓↓↓*/ 
$("#code").blur(callback);//1.code就是你要验证的唯一标志的控件ID 2.你控件后面必须要有个接收错误信息的控件 
/*2.提交时候验证↓↓↓*/ 
$("#submit").click(callback);//你页面的提交按钮ID 
}); 
/** 
*↓↓↓↓↓↓↓↓↓↓ 
*作者:ZhuangZi 
*类名:验证唯一标识公用方法 
*功能:唯一验证 
*详细:唯一标识ID和提交按钮ID要和下面保持一致 
*版本:1.0 
*日期:2013-03-22 
*说明: 
*↑↑↑↑↑↑↑↑↑↑ 
*/ 
function callback() { 
var slef=$("#code"); 
var code=slef.val(); 
var submit=$("#submit"); 
var flag=$("#flag").val(); 
if(null==code||""==code){ 
slef.next().html("下载包标识不能为空!"); 
submit.attr("disabled",true); 
return; 
}else{ 
if(!code.match("^\\w+$")){ 
slef.next().html("标识由数字母或下划线组成!"); 
return ; 
} 
slef.next().html("*"); 
} 
$.ajax({ 
type:'post', 
url:'../dictionary/checkCodeOnly.do', 
data:'bean.code='+code+'&bean.flag='+flag, 
dataType:'json', 
success:function(json){ 
if(json>0){ 
slef.next().html("此标识已存在!"); 
submit.attr("disabled",true); 
return ; 
}else{ 
slef.next().html(""); 
if(code != null && code!=""){ 
submit.attr("disabled",false); 
}else{ 
submit.attr("disabled",true); 
return; 
} 
} 
}, 
error:function(){ 
alert('验证信息出错'); 
} 
}); 
}

步骤三 页面部分
   <s:hidden id="flag" value="3"/> <!-flag 什么类型的标志-> 
<tr> 
                   <td width="40%" height="33" class="addtabletd1">下载标识:</td> 
                   <td width="60%" height="33" class="addtabletd2"><div align="left"> 
                   <s:textfield id="code" name="yhaoPortalsDownBean.downFlag" cssClass="textfrom" cssStyle="width:150px;"  maxlength="200"/> 
                  <font id="codeInfo" color="red">*</font> 
                   </div></td> 
                 </tr>

步骤四 action里的方法
/** 
* 
* @author ZhuangZi 
* @class com.hzdracom.action.YhaoPortalsDictionaryAction 
* @method checkCodeOnly 
* @Directions 验证唯一标识公用方法 
* @date 2013-3-21上午10:09:04 void 
*/ 
public void checkCodeOnly(){ 
String json=""; 
try{ 
json = String.valueOf(yhaoDictionaryService.checkCodeOnly(bean)); 
json=JSON.toJSONString(json); 
System.out.println("json=="+json); 
HttpServletResponse response=ServletActionContext.getResponse(); 
response.setContentType("text/html"); 
response.setCharacterEncoding("utf-8"); 
PrintWriter out; 
out = response.getWriter(); 
out.println(json); 
out.flush(); 
out.close(); 
}catch(Exception e){ 
e.printStackTrace(); 
} 
}

步骤五 dao里的方法
<PRE class=java name="code"> public int checkCodeOnly(DictionaryBean bean)throws DataAccessException,Exception { 
Object[] sqlParams = new Object[4]; 
int index = 0; 
String sql=""; 
/* 验证页面标志是否唯一*/ 
if (bean.getFlag().equals("1")) { 
sql = "select count(1) from YHAO_PORTALS_PAGE where PAGE_FLAG = ? "; 
sqlParams[index]=bean.getCode(); 
index++; 
} 
/* 验证类型志标识是否唯一*/ 
if (bean.getFlag().equals("2")) { 
sql = "select count(1) from YHAO_PORTALS_DOWNTYPE where DOWNTYPE_FLAG = ? "; 
sqlParams[index]=bean.getCode(); 
index++; 
} 
/* 验证下载志标识是否唯一*/ 
if (bean.getFlag().equals("3")) { 
sql = "select count(1) from YHAO_PORTALS_DOWN where DOWN_FLAG = ? "; 
sqlParams[index]=bean.getCode(); 
index++; 
} 
if (bean.getFlag().equals("4")) { 
sql = "select count(1) from YHAO_PORTALS_KUAI where KUAI_FLAG = ? "; 
sqlParams[index]=bean.getCode(); 
index++; 
} 
Object[] sqlParamsEnd = new Object[index]; 
System.arraycopy(sqlParams, 0, sqlParamsEnd, 0, index); 
int count = this.queryForInt(sql,sqlParamsEnd); 
return count; 
}</PRE> 
<PRE></PRE>
Javascript 相关文章推荐
封装的原生javascript弹出层代码
Sep 24 Javascript
jquery实现图片滚动效果的简单实例
Nov 23 Javascript
jquery实现点击变换导航样式的方法
Aug 31 Javascript
基于BootStrap Metronic开发框架经验小结【四】Bootstrap图标的提取和利用
May 12 Javascript
bootstrap 通过加减按钮实现输入框组功能
Nov 15 Javascript
解决vue-router进行build无法正常显示路由页面的问题
Mar 06 Javascript
JavaScript实现仿Clock ISO时钟
Jun 29 Javascript
解决layui的input独占一行的问题
Sep 10 Javascript
JavaScript中this函数使用实例解析
Feb 21 Javascript
js中switch语句的学习笔记
Mar 25 Javascript
解决vue初始化项目一直停在downloading template的问题
Nov 09 Javascript
js实现移动端轮播图滑动切换
Dec 21 Javascript
Json对象与Json字符串互转(4种转换方式)
Mar 27 #Javascript
JQUERY 实现窗口滚动搜索框停靠效果(类似滚动停靠)
Mar 27 #Javascript
早该知道的7个JavaScript技巧
Mar 27 #Javascript
JavaScript中的style.display属性操作
Mar 27 #Javascript
jquery ajax提交整个表单元素的快捷办法
Mar 27 #Javascript
jQuery渐变发光导航菜单的实例代码
Mar 27 #Javascript
鼠标放在图片上显示大图的JS代码
Mar 26 #Javascript
You might like
用header 发送cookie的php代码
2007/03/16 PHP
PHP 替换模板变量实现步骤
2009/08/24 PHP
基于php socket(fsockopen)的应用实例分析
2013/06/02 PHP
深入PHP中慎用双等于(==)的详解
2013/06/06 PHP
使用ltrace工具跟踪PHP库函数调用的方法
2016/04/25 PHP
4种Windows系统下Laravel框架的开发环境安装及部署方法详解
2020/04/06 PHP
一个简单的js动画效果代码
2010/07/20 Javascript
ajax中get和post的说明及使用与区别
2012/12/23 Javascript
原生JS实现表单checkbook获取已选择的值
2013/07/21 Javascript
node.js实现多图片上传实例
2014/06/03 Javascript
cookie的secure属性详解
2015/04/08 Javascript
浅析Javascript ES6新增值比较函数Object.is
2016/08/24 Javascript
JavaScript实现横线提示输入验证码随输入验证码输入消失的方法
2016/09/24 Javascript
Validform表单验证总结篇
2016/10/31 Javascript
angularjs定时任务的设置与清除示例
2017/06/02 Javascript
利用require.js与angular搭建spa应用的方法实例
2017/07/19 Javascript
node vue项目开发之前后端分离实战记录
2017/12/13 Javascript
Element-ui table中过滤条件变更表格内容的方法
2018/03/02 Javascript
使用node.js实现微信小程序实时聊天功能
2018/08/13 Javascript
vuejs实现ready函数加载完之后执行某个函数的方法
2018/08/31 Javascript
ES6 Symbol数据类型的应用实例分析
2019/06/26 Javascript
JavaScript 实现同时选取多个时间段的方法
2019/10/17 Javascript
重置Redux的状态数据的方法实现
2019/11/18 Javascript
[32:30]夜魇凡尔赛茶话会 第一期01:谁是卧底
2021/03/11 DOTA
Python实现PS滤镜中马赛克效果示例
2018/01/20 Python
Python基于win32ui模块创建弹出式菜单示例
2018/05/09 Python
Python文件打开方式实例详解【a、a+、r+、w+区别】
2019/03/30 Python
python 监控logcat关键字功能
2020/09/04 Python
Python如何实现感知器的逻辑电路
2020/12/25 Python
HTML5边玩边学(2)基础绘图实现方法
2010/09/21 HTML / CSS
工厂实习感言
2014/01/14 职场文书
新兵入伍心得体会
2014/09/04 职场文书
2016年习主席讲话学习心得体会
2016/01/20 职场文书
python解决12306登录验证码的实现
2021/04/18 Python
九大龙王魂骨,山龙王留下躯干骨,榜首死的最憋屈(被捏碎)
2022/03/18 国漫
springboot 全局异常处理和统一响应对象的处理方式
2022/06/28 Java/Android