jquery struts 驗(yàn)證唯一標(biāo)識(shí)(公用方法)
更新時(shí)間:2013年03月27日 16:40:02 作者:
本教程將為大家詳細(xì)介紹下使用公用方法驗(yàn)證jquery struts唯一標(biāo)識(shí),感興趣的朋友可以參考下哈,希望可以幫助到你
步驟一 引入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
*類(lèi)名:公用方法初始化
*功能:公用方法初始化
*詳細(xì):公用方法初始化
*版本:1.0
*日期:2013-03-22
*說(shuō)明:
*↑↑↑↑↑↑↑↑↑↑
*/
$(function(){
/*1.失去焦點(diǎn)驗(yàn)證↓↓↓*/
$("#code").blur(callback);//1.code就是你要驗(yàn)證的唯一標(biāo)志的控件ID 2.你控件后面必須要有個(gè)接收錯(cuò)誤信息的控件
/*2.提交時(shí)候驗(yàn)證↓↓↓*/
$("#submit").click(callback);//你頁(yè)面的提交按鈕ID
});
/**
*↓↓↓↓↓↓↓↓↓↓
*作者:ZhuangZi
*類(lèi)名:驗(yàn)證唯一標(biāo)識(shí)公用方法
*功能:唯一驗(yàn)證
*詳細(xì):唯一標(biāo)識(shí)ID和提交按鈕ID要和下面保持一致
*版本:1.0
*日期:2013-03-22
*說(shuō)明:
*↑↑↑↑↑↑↑↑↑↑
*/
function callback() {
var slef=$("#code");
var code=slef.val();
var submit=$("#submit");
var flag=$("#flag").val();
if(null==code||""==code){
slef.next().html("下載包標(biāo)識(shí)不能為空!");
submit.attr("disabled",true);
return;
}else{
if(!code.match("^\\w+$")){
slef.next().html("標(biāo)識(shí)由數(shù)字母或下劃線組成!");
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("此標(biāo)識(shí)已存在!");
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('驗(yàn)證信息出錯(cuò)');
}
});
}
步驟三 頁(yè)面部分
<s:hidden id="flag" value="3"/> <!-flag 什么類(lèi)型的標(biāo)志->
<tr>
<td width="40%" height="33" class="addtabletd1">下載標(biāo)識(shí):</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 驗(yàn)證唯一標(biāo)識(shí)公用方法
* @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="";
/* 驗(yàn)證頁(yè)面標(biāo)志是否唯一*/
if (bean.getFlag().equals("1")) {
sql = "select count(1) from YHAO_PORTALS_PAGE where PAGE_FLAG = ? ";
sqlParams[index]=bean.getCode();
index++;
}
/* 驗(yàn)證類(lèi)型志標(biāo)識(shí)是否唯一*/
if (bean.getFlag().equals("2")) {
sql = "select count(1) from YHAO_PORTALS_DOWNTYPE where DOWNTYPE_FLAG = ? ";
sqlParams[index]=bean.getCode();
index++;
}
/* 驗(yàn)證下載志標(biāo)識(shí)是否唯一*/
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>
復(fù)制代碼 代碼如下:
<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
復(fù)制代碼 代碼如下:
/**
*↓↓↓↓↓↓↓↓↓↓
*作者:ZhuangZi
*類(lèi)名:公用方法初始化
*功能:公用方法初始化
*詳細(xì):公用方法初始化
*版本:1.0
*日期:2013-03-22
*說(shuō)明:
*↑↑↑↑↑↑↑↑↑↑
*/
$(function(){
/*1.失去焦點(diǎn)驗(yàn)證↓↓↓*/
$("#code").blur(callback);//1.code就是你要驗(yàn)證的唯一標(biāo)志的控件ID 2.你控件后面必須要有個(gè)接收錯(cuò)誤信息的控件
/*2.提交時(shí)候驗(yàn)證↓↓↓*/
$("#submit").click(callback);//你頁(yè)面的提交按鈕ID
});
/**
*↓↓↓↓↓↓↓↓↓↓
*作者:ZhuangZi
*類(lèi)名:驗(yàn)證唯一標(biāo)識(shí)公用方法
*功能:唯一驗(yàn)證
*詳細(xì):唯一標(biāo)識(shí)ID和提交按鈕ID要和下面保持一致
*版本:1.0
*日期:2013-03-22
*說(shuō)明:
*↑↑↑↑↑↑↑↑↑↑
*/
function callback() {
var slef=$("#code");
var code=slef.val();
var submit=$("#submit");
var flag=$("#flag").val();
if(null==code||""==code){
slef.next().html("下載包標(biāo)識(shí)不能為空!");
submit.attr("disabled",true);
return;
}else{
if(!code.match("^\\w+$")){
slef.next().html("標(biāo)識(shí)由數(shù)字母或下劃線組成!");
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("此標(biāo)識(shí)已存在!");
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('驗(yàn)證信息出錯(cuò)');
}
});
}
步驟三 頁(yè)面部分
復(fù)制代碼 代碼如下:
<s:hidden id="flag" value="3"/> <!-flag 什么類(lèi)型的標(biāo)志->
<tr>
<td width="40%" height="33" class="addtabletd1">下載標(biāo)識(shí):</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里的方法
復(fù)制代碼 代碼如下:
/**
*
* @author ZhuangZi
* @class com.hzdracom.action.YhaoPortalsDictionaryAction
* @method checkCodeOnly
* @Directions 驗(yàn)證唯一標(biāo)識(shí)公用方法
* @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里的方法
復(fù)制代碼 代碼如下:
<PRE class=java name="code"> public int checkCodeOnly(DictionaryBean bean)throws DataAccessException,Exception {
Object[] sqlParams = new Object[4];
int index = 0;
String sql="";
/* 驗(yàn)證頁(yè)面標(biāo)志是否唯一*/
if (bean.getFlag().equals("1")) {
sql = "select count(1) from YHAO_PORTALS_PAGE where PAGE_FLAG = ? ";
sqlParams[index]=bean.getCode();
index++;
}
/* 驗(yàn)證類(lèi)型志標(biāo)識(shí)是否唯一*/
if (bean.getFlag().equals("2")) {
sql = "select count(1) from YHAO_PORTALS_DOWNTYPE where DOWNTYPE_FLAG = ? ";
sqlParams[index]=bean.getCode();
index++;
}
/* 驗(yàn)證下載志標(biāo)識(shí)是否唯一*/
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>
您可能感興趣的文章:
- Struts2中Action三種接收參數(shù)形式與簡(jiǎn)單的表單驗(yàn)證功能
- Struts2數(shù)據(jù)輸入驗(yàn)證教程詳解
- struts2與cookie 實(shí)現(xiàn)自動(dòng)登錄和驗(yàn)證碼驗(yàn)證實(shí)現(xiàn)代碼
- Ajax+Struts2實(shí)現(xiàn)驗(yàn)證碼驗(yàn)證功能實(shí)例代碼
- Struts2實(shí)現(xiàn)生成動(dòng)態(tài)驗(yàn)證碼并驗(yàn)證實(shí)例代碼
- 使用struts2+Ajax+jquery驗(yàn)證用戶名是否已被注冊(cè)
- 詳解Java的Struts框架中上傳文件和客戶端驗(yàn)證的實(shí)現(xiàn)
- struts2+jquery組合驗(yàn)證注冊(cè)用戶是否存在
- Struts2之Validator驗(yàn)證框架的詳細(xì)介紹
相關(guān)文章
40個(gè)新鮮出爐的jQuery 插件和免費(fèi)教程[上]
作為最流行的 JavaScript 庫(kù),jQuery 擁有豐富的插件,能夠幫助開(kāi)發(fā)者簡(jiǎn)單快速的實(shí)現(xiàn)各種功能2012-07-07基于jquery自己寫(xiě)tab滑動(dòng)門(mén)(通用版)
今天與大家分享一下,自己寫(xiě)的滑動(dòng)門(mén)。在網(wǎng)上也搜索了一下,沒(méi)發(fā)現(xiàn)比較好的,于是乎自己寫(xiě)一吧~寫(xiě)起來(lái)也很簡(jiǎn)單,為了方便使用,我已經(jīng)盡量封裝好了。好吧,閑話少說(shuō),直接上代碼吧2012-10-10jquery實(shí)現(xiàn)頁(yè)面虛擬鍵盤(pán)特效
本文實(shí)例講述了jquery比較簡(jiǎn)潔的軟鍵盤(pán)特效實(shí)現(xiàn)方法。而且?guī)в袛?shù)字與字母切換功能,效果非常不錯(cuò),分享給大家供大家參考。2015-08-08Jquery + Ajax調(diào)用webService實(shí)例代碼(asp.net)
Jquery + Ajax調(diào)用webService實(shí)例代碼,需要的朋友可以參考下。2010-08-08jquery實(shí)現(xiàn)表格行拖動(dòng)排序
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)表格行拖動(dòng)排序,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-02-0240個(gè)有創(chuàng)意的jQuery圖片、內(nèi)容滑動(dòng)及彈出插件收藏集之一
在網(wǎng)頁(yè)的首頁(yè)或圖片專(zhuān)題頁(yè)面很多地方都會(huì)用到圖片滑動(dòng)插件來(lái)循環(huán)切換多張圖片,并且用戶可以點(diǎn)擊左右按鈕來(lái)切換圖片。相信大家都知道jQuery是最優(yōu)秀的Javascript框架之一2011-12-12jQuery EasyUI 布局之動(dòng)態(tài)添加tabs標(biāo)簽頁(yè)
本文給大家介紹jquery easyui布局之動(dòng)態(tài)添加tabs標(biāo)簽頁(yè),實(shí)現(xiàn)思路是這樣的通過(guò)調(diào)用add方法就可以輕松實(shí)現(xiàn),本文分步驟給大家詳細(xì)介紹,需要的朋友一起學(xué)習(xí)吧2015-11-11