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 相关文章推荐
可以将word转成html的js代码
Apr 11 Javascript
验证码按回车不变解决方法
Mar 29 Javascript
jQuery图片轮播实现并封装(一)
Dec 03 Javascript
Angular2 组件交互实例详解
Aug 24 Javascript
基于vue 添加axios组件,解决post传参数为null的问题
Mar 05 Javascript
vue 自定义 select内置组件
Apr 10 Javascript
vuex根据不同的用户权限展示不同的路由列表功能
Sep 20 Javascript
Vue学习笔记之计算属性与侦听器用法
Dec 07 Javascript
JS实现简易留言板特效
Dec 23 Javascript
微信小程序 获取手机号 JavaScript解密示例代码详解
May 14 Javascript
js通过canvas生成图片缩略图
Oct 02 Javascript
html5 录制mp3音频支持采样率和比特率设置
Jul 15 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 数组遍历方法大全(foreach,list,each)
2010/06/30 PHP
PHP实现图片压缩的两则实例
2014/07/19 PHP
zend framework框架中url大小写问题解决方法
2014/08/19 PHP
php修改文件上传限制方法汇总
2015/04/07 PHP
CI框架扩展系统核心类的方法分析
2016/05/23 PHP
解决laravel资源加载路径设置的问题
2019/10/14 PHP
超级酷和最实用的jQuery实例收集(20个)
2010/04/21 Javascript
JQuery+JS实现仿百度搜索结果中关键字变色效果
2011/08/02 Javascript
腾讯UED 漂亮的提示信息效果代码
2011/09/12 Javascript
JS简单实现登陆验证附效果图
2013/11/19 Javascript
Jquery实现点击按钮,连续地向textarea中添加值的实例代码
2014/03/08 Javascript
Javascript设计模式之观察者模式(推荐)
2016/03/29 Javascript
JavaScript String 对象常用方法总结
2016/04/28 Javascript
js实现下拉框效果(select)
2017/03/28 Javascript
javascript ES6 新增了let命令使用介绍
2017/07/07 Javascript
详解vue 不同环境配置不同的打包命令
2019/04/07 Javascript
微信小程序 select 下拉框组件功能
2019/09/09 Javascript
JS常用排序方法实例代码解析
2020/03/03 Javascript
Python实现的数据结构与算法之双端队列详解
2015/04/22 Python
深入学习python的yield和generator
2016/03/10 Python
详解python上传文件和字符到PHP服务器
2017/11/24 Python
python数据挖掘需要学的内容
2019/06/23 Python
对Django 中request.get和request.post的区别详解
2019/08/12 Python
Python:slice与indices的用法
2019/11/25 Python
Python3 io文本及原始流I/O工具用法详解
2020/03/23 Python
python 基于selenium实现鼠标拖拽功能
2020/12/24 Python
美国复古街头服饰精品店:Need Supply Co.
2017/02/22 全球购物
Marlies Dekkers内衣美国官方网上商店:高端内衣品牌
2018/11/12 全球购物
西班牙最大的婴儿用品网上商店:Bebitus
2019/05/30 全球购物
UDP协议功能
2013/01/06 面试题
linux面试题参考答案(10)
2013/11/04 面试题
市场专员岗位职责
2014/02/14 职场文书
小学生竞选班长演讲稿
2014/04/24 职场文书
中秋节国旗下演讲稿
2014/09/05 职场文书
党员读书活动心得体会
2016/01/14 职场文书
python中24小时制转换为12小时制的方法
2021/06/18 Python