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对象之内置对象Math使用方法
Apr 16 Javascript
jquery如何判断表格同一列不同行input数据是否重复
May 14 Javascript
原生javascript实现DIV拖拽并计算重复面积
Jan 02 Javascript
全面解析Bootstrap中tab(选项卡)的使用方法
Jun 06 Javascript
基于MVC+EasyUI的web开发框架之使用云打印控件C-Lodop打印页面或套打报关运单信息
Aug 29 Javascript
在js中实现邮箱格式的验证方法(推荐)
Oct 24 Javascript
jquery实现tab选项卡切换效果(悬停、下方横线动画位移)
May 05 jQuery
JavaScript实现三级级联特效
Nov 05 Javascript
微信小程序数字滚动插件使用详解
Feb 02 Javascript
Vue2.0 给Tab标签页和页面切换过渡添加样式的方法
Mar 13 Javascript
详解.vue文件中style标签的几个标识符
Jul 17 Javascript
JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
Nov 25 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统计二维数组元素个数的方法
2013/11/12 PHP
php实现redis数据库指定库号迁移的方法
2015/01/14 PHP
在Thinkphp中使用ajax实现无刷新分页的方法
2016/10/25 PHP
PHP面向对象程序设计组合模式与装饰模式详解
2016/12/02 PHP
smarty模板的使用方法实例分析
2019/09/18 PHP
JavaScript Cookie 直接浏览网站分网址
2009/12/08 Javascript
js带按钮的提示框可供选择示例代码
2013/09/17 Javascript
JavaScript实现非常简单实用的下拉菜单效果
2015/08/27 Javascript
jQuery删除节点用法示例(remove方法)
2016/09/08 Javascript
JS取数字小数点后两位或n位的简单方法
2016/10/24 Javascript
解决Vue2.0自带浏览器里无法打开的原因(兼容处理)
2017/07/28 Javascript
基于Node.js模板引擎教程-jade速学与实战1
2017/09/17 Javascript
jQuery使用zTree插件实现可拖拽的树示例
2017/09/23 jQuery
input 标签实现输入框带提示文字效果(两种方法)
2017/10/09 Javascript
jquery 动态遍历select 赋值的实例
2018/09/12 jQuery
Vue基本使用之对象提供的属性功能
2019/04/30 Javascript
Python读写Redis数据库操作示例
2014/03/18 Python
Python中super关键字用法实例分析
2015/05/28 Python
Python标准库之collections包的使用教程
2017/04/27 Python
Python爬虫获取整个站点中的所有外部链接代码示例
2017/12/26 Python
Python3 queue队列模块详细介绍
2018/01/05 Python
python爬取拉勾网职位数据的方法
2018/01/24 Python
Python函数any()和all()的用法及区别介绍
2018/09/14 Python
Python用5行代码写一个自定义简单二维码
2018/10/21 Python
Python开发网站目录扫描器的实现
2019/02/21 Python
浅谈python标准库--functools.partial
2019/03/13 Python
pycharm新建一个python工程步骤
2019/07/16 Python
Python下opencv图像阈值处理的使用笔记
2019/08/04 Python
Python超越函数积分运算以及绘图实现代码
2019/11/20 Python
Python中文分词库jieba,pkusegwg性能准确度比较
2020/02/11 Python
如何进行有效的自我评价
2013/09/27 职场文书
2014升学宴答谢词
2014/01/26 职场文书
医院护士见习期自我鉴定
2014/04/10 职场文书
教师党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
如何写好活动总结
2019/06/21 职场文书
微信小程序调用python模型
2022/04/21 Python