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控制在光标位置插入文字适合表情的插入
Jun 09 Javascript
js常用数组操作方法简明总结
Jun 20 Javascript
JS实现的用来对比两个用指定分隔符分割的字符串是否相同
Sep 19 Javascript
JQuery中使用.each()遍历元素学习笔记
Nov 08 Javascript
Node.js开发之访问Redis数据库教程
Jan 14 Javascript
JS实现完全语义化的网页选项卡效果代码
Sep 15 Javascript
javascript正则表达式定义(语法)总结
Jan 08 Javascript
快速使用node.js进行web开发详解
Apr 26 Javascript
TypeScript基础入门教程之三重斜线指令详解
Oct 22 Javascript
基于node.js实现爬虫的讲解
Feb 18 Javascript
vue中格式化时间过滤器代码实例
Apr 17 Javascript
微信小程序之左右布局的实现代码
Dec 13 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操作excel文件 基于phpexcel
2010/07/02 PHP
用PHP读取和编写XML DOM的实现代码
2011/02/03 PHP
php 利用socket发送HTTP请求(GET,POST)
2015/08/24 PHP
Laravel框架实现多个视图共享相同数据的方法详解
2019/07/09 PHP
PHP设计模式之迭代器模式Iterator实例分析【对象行为型】
2020/04/26 PHP
javascript 选择文件夹对话框(web)
2009/07/07 Javascript
jQuery 插件仿百度搜索框智能提示(带Value值)
2013/01/22 Javascript
jQuery 属性选择器element[herf*='value']使用示例
2013/10/20 Javascript
JavaScript中switch语句的用法详解
2015/06/03 Javascript
jquery实现实时改变网页字体大小、字体背景色和颜色的方法
2015/08/05 Javascript
jquery实现页面虚拟键盘特效
2015/08/08 Javascript
JavaScript实现输入框(密码框)出现提示语
2016/01/12 Javascript
react-redux中connect()方法详细解析
2017/05/27 Javascript
解决v-for中使用v-if或者v-bind:class失效的问题
2018/09/25 Javascript
vue源码中的检测方法的实现
2019/09/26 Javascript
vue实现点击按钮下载文件功能
2019/10/11 Javascript
JS通用方法触发点击事件代码实例
2020/02/17 Javascript
Python生成随机数组的方法小结
2017/04/15 Python
python中的闭包函数
2018/02/09 Python
APIStar:一个专为Python3设计的API框架
2018/09/26 Python
PyTorch基本数据类型(一)
2019/05/22 Python
详解Python并发编程之从性能角度来初探并发编程
2019/08/23 Python
python 常用日期处理-- datetime 模块的使用
2020/09/02 Python
详解CSS3中的box-sizing(content-box与border-box)
2019/04/19 HTML / CSS
浅谈HTML5 defer和async的区别
2016/06/07 HTML / CSS
一款利用html5和css3动画排列人物头像的实例演示
2014/12/05 HTML / CSS
Dr. Martens马汀博士法国官网:马丁靴鼻祖
2020/01/15 全球购物
北京-环亚运商测试题.net程序员初步测试题
2013/05/28 面试题
DTD的含义以及作用
2014/01/26 面试题
优秀团员自我评价范文
2014/04/23 职场文书
妇女干部培训方案
2014/05/12 职场文书
副总经理岗位职责
2015/02/02 职场文书
2015年高三班主任工作总结
2015/05/21 职场文书
运动员入场词
2015/07/18 职场文书
高中生社会实践心得体会
2016/01/14 职场文书
Redis高并发缓存架构性能优化
2022/05/15 Redis