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 String对象扩展HTML编码和解码的方法
Jun 02 Javascript
jQuery实现的立体文字渐变效果
May 17 Javascript
在多个页面使用同一个HTML片段的代码
Mar 04 Javascript
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之二
Dec 31 Javascript
JavaScript包装对象使用介绍
Aug 29 Javascript
禁止ajax缓存获取程序最新数据的方法
Nov 19 Javascript
JavaScript中的this机制
Jan 30 Javascript
详解Eslint 配置及规则说明
Sep 10 Javascript
微信小程序实现的picker多级联动功能示例
May 23 Javascript
layui table去掉右侧滑动条的实现方法
Sep 05 Javascript
JS如何实现动态添加的元素绑定事件
Nov 12 Javascript
vue中div禁止点击事件的实现
Apr 02 Vue.js
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水印
2007/03/16 PHP
Memcached常用命令以及使用说明详解
2013/06/27 PHP
PHP无限分类(树形类)
2013/09/28 PHP
php如何实现只替换一次或N次
2015/10/29 PHP
使用Post提交时须将空格转换成加号的解释
2013/01/14 Javascript
checkbox设置复选框的只读效果不让用户勾选
2013/08/12 Javascript
jquery原创弹出层折叠效果点击折叠弹出一个层
2014/03/12 Javascript
Node.js 制作实时多人游戏框架
2015/01/08 Javascript
jQuery遍历json中多个map的方法
2015/02/12 Javascript
再谈JavaScript异步编程
2016/01/27 Javascript
如何消除inline-block属性带来的标签间间隙
2016/03/31 Javascript
AngularJS变量及过滤器Filter用法分析
2016/11/22 Javascript
javascript简单链式调用案例分析
2017/05/10 Javascript
angularjs项目的页面跳转如何实现(5种方法)
2017/05/25 Javascript
vue头部导航动态点击处理方法
2018/11/02 Javascript
element-ui 时间选择器限制范围的实现(随动)
2019/01/09 Javascript
如何换个角度使用VUE过滤器详解
2019/09/11 Javascript
微信小程序实现下拉加载更多商品
2020/12/29 Javascript
微信小程序实现简单购物车功能
2020/12/30 Javascript
python多线程并发实例及其优化
2019/06/27 Python
django 文件上传功能的相关实例代码(简单易懂)
2020/01/22 Python
Python字符编码转码之GBK,UTF8互转
2020/02/09 Python
Python进行统计建模
2020/08/10 Python
详解CSS3中nth-child与nth-of-type的区别
2017/01/05 HTML / CSS
Canvas中设置width与height的问题浅析
2018/11/01 HTML / CSS
Nike爱尔兰官方网站:Nike.com (IE)
2018/03/12 全球购物
MIRTA官网:手工包,100%意大利制造
2020/02/11 全球购物
汽车检测与维修应届毕业生求职信
2013/10/19 职场文书
销售经理工作失职检讨书
2014/10/24 职场文书
经典导游欢迎词
2015/01/26 职场文书
公司开业主持词
2015/07/02 职场文书
小学生红领巾广播稿
2015/08/19 职场文书
导游词之西江千户苗寨
2019/12/24 职场文书
阿里云Nginx配置https实现域名访问项目(图文教程)
2021/03/31 Servers
解决Pytorch修改预训练模型时遇到key不匹配的情况
2021/06/05 Python
厉害!这是Redis可视化工具最全的横向评测
2021/07/15 Redis