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 相关文章推荐
js 遍历对象的属性的代码
Dec 29 Javascript
EasyUI 中 MenuButton 的使用方法
Jul 14 Javascript
showModalDialog在谷歌浏览器下会返回Null的解决方法
Nov 27 Javascript
jquery实现类似淘宝星星评分功能实例
Sep 12 Javascript
jquery操作 iframe的方法
Dec 03 Javascript
JavaScript获得指定对象大小的方法
Jul 01 Javascript
javascript巧用eval函数组装表单输入项为json对象的方法
Nov 25 Javascript
JavaScript实现页面跳转的几种常用方式
Nov 28 Javascript
全面解析JavaScript中的valueOf与toString方法(推荐)
Jun 14 Javascript
Vue filter介绍及详细使用
Apr 04 Javascript
javascript实现移动端触屏拖拽功能
Jul 29 Javascript
el-form 多层级表单的实现示例
Sep 10 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
PHP新手上路(十一)
2006/10/09 PHP
php面向对象全攻略 (十二) 抽象方法和抽象类
2009/09/30 PHP
php跨域cookie共享使用方法
2014/02/20 PHP
php版淘宝网查询商品接口代码示例
2014/06/17 PHP
Eclipse的PHP插件PHPEclipse安装和使用
2014/07/20 PHP
php rsa加密解密使用详解
2015/01/14 PHP
php根据年月获取当月天数及日期数组的方法
2016/11/30 PHP
jQuery中选择器小问题(新人难免遇到)
2014/03/31 Javascript
利用HTML5+Socket.io实现摇一摇控制PC端歌曲切换
2017/01/13 Javascript
jquery实现拖动效果(代码分享)
2017/01/25 Javascript
关于Vue的路由权限管理的示例代码
2018/03/06 Javascript
webpack组织模块打包Library的原理及实现
2018/03/10 Javascript
解决Layui数据表格中checkbox位置不居中的方法
2018/08/15 Javascript
JS实现将对象转化为数组的方法分析
2019/01/21 Javascript
ES6 Object方法扩展的应用实例分析
2019/06/25 Javascript
vuex管理状态仓库使用详解
2020/07/29 Javascript
Python设计模式之单例模式实例
2014/04/26 Python
Python 内置函数complex详解
2016/10/23 Python
flask + pymysql操作Mysql数据库的实例
2017/11/13 Python
PYQT5设置textEdit自动滚屏的方法
2019/06/14 Python
使用tensorflow实现矩阵分解方式
2020/02/07 Python
通过Python实现Payload分离免杀过程详解
2020/07/13 Python
美国运动鞋和运动服零售商:Footaction
2017/04/07 全球购物
应用电子技术专业个人求职信
2013/09/21 职场文书
医务人员竞聘职务自我评价分享
2013/11/08 职场文书
竞选班长演讲稿
2013/12/30 职场文书
运动会广播稿80字
2014/01/23 职场文书
大专毕业自我鉴定
2014/02/04 职场文书
经销商订货会主持词
2014/03/27 职场文书
酒店管理求职信范文
2014/04/06 职场文书
竞选体育委员演讲稿
2014/04/26 职场文书
职业道德模范事迹材料
2014/08/24 职场文书
上党课的心得体会
2014/09/02 职场文书
意外伤害赔偿协议书范文
2014/09/23 职场文书
2014年小学德育工作总结
2014/12/05 职场文书
投资入股协议书
2016/03/22 职场文书