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 相关文章推荐
基于jquery实现的鼠标拖拽元素复制并写入效果
Aug 23 Javascript
js格式化货币数据实现代码
Sep 04 Javascript
jQuery使用post方法提交数据实例
Mar 25 Javascript
js获取浏览器高度 窗口高度 元素尺寸 偏移属性的方法
Nov 21 Javascript
详解JS中定时器setInterval和setTImeout的this指向问题
Jan 06 Javascript
Node.js+jade+mongodb+mongoose实现爬虫分离入库与生成静态文件的方法
Sep 20 Javascript
详解ES6语法之可迭代协议和迭代器协议
Jan 13 Javascript
nuxt框架中路由鉴权之Koa和Session的用法
May 09 Javascript
js DOM的事件常见操作实例详解
Dec 16 Javascript
Vue使用Proxy代理后仍无法生效的解决
Nov 13 Javascript
Vue 实例中使用$refs的注意事项
Jan 29 Vue.js
Vue + iView实现Excel上传功能的完整代码
Jun 22 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
使用TinyButStrong模板引擎来做WEB开发
2007/03/16 PHP
dede全站URL静态化改造[070414更正]
2007/04/17 PHP
PHP之COOKIE支持详解
2010/09/20 PHP
php class类的用法详细总结
2013/10/17 PHP
JS复制到剪贴板示例代码
2013/10/30 Javascript
Javascript setInterval的两种调用方法(实例讲解)
2013/11/29 Javascript
php和js对数据库图片进行等比缩放示例
2014/04/28 Javascript
jquery实现在页面加载的时自动为日期插件添加当前日期
2014/08/20 Javascript
JavaScript DOM元素尺寸和位置
2015/04/13 Javascript
jquery实现鼠标拖拽滑动效果来选择数字的方法
2015/05/04 Javascript
javascript控制层显示或隐藏的方法
2015/07/22 Javascript
通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法
2015/10/01 Javascript
AngularJS上拉加载问题解决方法
2016/05/23 Javascript
Node.js操作redis实现添加查询功能
2017/05/25 Javascript
ionic3 懒加载
2017/08/16 Javascript
浅谈JavaScript作用域和闭包
2017/09/18 Javascript
javascript计算对象长度的方法
2017/10/25 Javascript
vue 的点击事件获取当前点击的元素方法
2018/09/15 Javascript
JS实现动态添加外部js、css到head标签的方法
2019/06/05 Javascript
使用VScode 插件debugger for chrome 调试react源码的方法
2019/09/13 Javascript
VuePress 中如何增加用户登录功能
2019/11/29 Javascript
Python脚本实现虾米网签到功能
2016/04/12 Python
socket + select 完成伪并发操作的实例
2017/08/15 Python
关于Django显示时间你应该知道的一些问题
2017/12/25 Python
Atom的python插件和常用插件说明
2018/07/08 Python
纯python进行矩阵的相乘运算的方法示例
2019/07/17 Python
django之自定义软删除Model的方法
2019/08/14 Python
pytorch-神经网络拟合曲线实例
2020/01/15 Python
使用Python快速打开一个百万行级别的超大Excel文件的方法
2021/03/02 Python
Unix控制后台进程都有哪些进程
2016/09/22 面试题
ruby如何进行集成操作?Ruby能进行多重继承吗?
2013/10/16 面试题
九年级科学教学反思
2014/01/29 职场文书
党员承诺书内容
2014/03/26 职场文书
三八妇女节演讲稿
2014/05/27 职场文书
先进集体事迹材料范文
2014/12/25 职场文书
Python基础 括号()[]{}的详解
2021/11/07 Python