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 相关文章推荐
JS去除字符串的空格增强版(可以去除中间的空格)
Aug 26 Javascript
JavaScript高级程序设计 读书笔记之十一 内置对象Global
Mar 07 Javascript
一个简单的Ext.XTemplate的实例代码
Mar 18 Javascript
jQuery 瀑布流 绝对定位布局(二)(延迟AJAX加载图片)
May 23 Javascript
JS远程获取网页源代码实例
Sep 05 Javascript
jQuery动态显示和隐藏datagrid中的某一列的方法
Dec 11 Javascript
$(document).ready(function() {})不执行初始化脚本
Jun 19 Javascript
基于JavaScript实现动态创建表格和增加表格行数
Dec 20 Javascript
bootstrap导航、选项卡实现代码
Dec 28 Javascript
vue.js实现请求数据的方法示例
Feb 07 Javascript
基于 webpack2 实现的多入口项目脚手架详解
Jun 26 Javascript
纯js+css实现仿移动端淘宝网站的弹出详情框功能
Dec 29 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
深入理解curl类,可用于模拟get,post和curl下载
2013/06/08 PHP
php实现telnet功能示例
2014/04/08 PHP
php实现获取文件mime类型的方法
2015/02/11 PHP
php中foreach结合curl实现多线程的方法分析
2016/09/22 PHP
Laravel 微信小程序后端实现用户登录的示例代码
2019/11/26 PHP
客户端脚本中常常出现的一些问题和调试技巧
2007/01/09 Javascript
jQuery怎么解析Json字符串(Json格式/Json对象)
2013/08/09 Javascript
js charAt的使用示例
2014/02/18 Javascript
js读写json文件实例代码
2014/10/21 Javascript
JavaScript中Null与Undefined的区别解析
2015/06/30 Javascript
理解JS事件循环
2016/01/07 Javascript
利用css+原生js制作简单的钟表
2020/04/07 Javascript
jQuery如何防止Ajax重复提交
2016/10/14 Javascript
基于bootstrap实现收缩导航条
2017/03/17 Javascript
JS去掉字符串前后空格或去掉所有空格的用法
2017/03/25 Javascript
bootstrap模态框远程示例代码分享
2017/05/22 Javascript
js时间戳与日期格式之间转换详解
2017/12/11 Javascript
Taro集成Redux快速上手的方法示例
2018/06/21 Javascript
ng-zorro-antd 入门初体验
2018/12/03 Javascript
Angular6 用户自定义标签开发的实现方法
2019/01/08 Javascript
更优雅的微信小程序骨架屏实现详解
2019/08/07 Javascript
layui树形菜单动态遍历的例子
2019/09/23 Javascript
js+canvas实现两张图片合并成一张图片的方法
2019/11/01 Javascript
vue cli4.0项目引入typescript的方法
2020/07/17 Javascript
python3学习之Splash的安装与实例教程
2018/07/09 Python
解决Python 使用h5py加载文件,看不到keys()的问题
2019/02/08 Python
Python批量删除只保留最近几天table的代码实例
2019/04/01 Python
python线程信号量semaphore使用解析
2019/11/30 Python
解决Tensorboard可视化错误:不显示数据 No scalar data was found
2020/02/15 Python
Python 创建守护进程的示例
2020/09/29 Python
xml有哪些解析技术?区别是什么
2016/04/26 面试题
Linux Interview Questions For software testers
2012/06/02 面试题
大学四年个人自我小结
2014/03/05 职场文书
个人社会实践自我鉴定
2014/03/24 职场文书
国旗下讲话演讲稿
2014/05/08 职场文书
借钱欠条怎么写
2015/07/03 职场文书