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 相关文章推荐
Google AJAX 搜索 API实现代码
Nov 17 Javascript
js注意img图片的onerror事件的分析
Jan 01 Javascript
让jQuery与其他JavaScript库并存避免冲突的方法
Dec 23 Javascript
JQuery简单实现锚点链接的平滑滚动
May 03 Javascript
JavaScript数组对象赋值用法实例
Aug 04 Javascript
javascript表单事件处理方法详解
May 15 Javascript
Javascript简写条件语句(推荐)
Jun 12 Javascript
JS清除字符串中重复值的实现方法
Aug 03 Javascript
bootstrap输入框组使用方法
Feb 07 Javascript
跨域请求两种方法 jsonp和cors的实现
Nov 11 Javascript
JS数组属性去重并校验重复数据
Jan 10 Javascript
js 图片懒加载的实现
Oct 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
php两点地理坐标距离的计算方法
2018/12/29 PHP
thinkphp框架无限级栏目的排序功能实现方法示例
2020/03/29 PHP
return false;和e.preventDefault();的区别
2010/07/11 Javascript
jQuery 源码分析笔记(3) Deferred机制
2011/06/19 Javascript
js与C#进行时间戳转换
2014/11/14 Javascript
jQuery实现仿百度首页滑动伸缩展开的添加服务效果代码
2015/09/09 Javascript
smartcrop.js智能图片裁剪库
2015/10/14 Javascript
JavaScript实现Base64编码转换
2016/04/23 Javascript
js只执行1次的函数示例
2016/07/20 Javascript
基于JavaScript实现鼠标向下滑动加载div的代码
2016/08/31 Javascript
微信小程序链接传参并跳转新页面
2016/11/29 Javascript
js实现选项卡内容切换以及折叠和展开效果【推荐】
2017/01/08 Javascript
彻底学会Angular.js中的transclusion
2017/03/12 Javascript
对vuejs的v-for遍历、v-bind动态改变值、v-if进行判断的实例讲解
2018/08/27 Javascript
使用VUE实现在table中文字信息超过5个隐藏鼠标移到时弹窗显示全部
2019/09/16 Javascript
create-react-app中添加less支持的实现
2019/11/15 Javascript
微信小程序实现滑动翻页效果(完整代码)
2019/12/06 Javascript
Python中获取对象信息的方法
2015/04/27 Python
Python3实现简单可学习的手写体识别(实例讲解)
2017/10/21 Python
python2.7和NLTK安装详细教程
2018/09/19 Python
django中SMTP发送邮件配置详解
2019/07/19 Python
对django中foreignkey的简单使用详解
2019/07/28 Python
python根据时间获取周数代码实例
2019/09/30 Python
Python object类中的特殊方法代码讲解
2020/03/06 Python
Python sklearn中的.fit与.predict的用法说明
2020/06/28 Python
详解python tkinter 图片插入问题
2020/09/03 Python
美国在线打印网站:Overnight Prints
2018/10/11 全球购物
美国社交购物市场:MassGenie
2019/02/18 全球购物
简历中自我评价分享
2013/10/09 职场文书
工程专业毕业生自荐信范文
2013/12/25 职场文书
上课不认真检讨书
2014/09/17 职场文书
查摆问题自查报告范文
2014/10/13 职场文书
入股协议书范本
2014/11/01 职场文书
教师群众路线学习心得体会
2014/11/04 职场文书
2014企业年终工作总结
2014/12/23 职场文书
教你使用Jenkins集成Harbor自动发布镜像
2022/04/03 Servers