jQuery異步驗(yàn)證用戶名是否存在示例代碼
更新時(shí)間:2014年05月21日 16:26:21 作者:
有個(gè)需求就是異步驗(yàn)證用戶名是否存在。用的技術(shù)是jQuery異步驗(yàn)證和struts2,大家可以參考下
現(xiàn)在有個(gè)需求就是異步驗(yàn)證用戶名是否存在。用的技術(shù)是jQuery異步驗(yàn)證和struts2(其實(shí)springMVC也是一樣的道理,都只是一個(gè)控制器).
表單:
<input class="width150" maxlength="32" type="text" id="dept_name" name="dept.dept_name"
value="${dept.dept_name}" onchange="tocheckname()"/>
js代碼:
function tocheckname()
{
var deptName= $("#dept_name").val();
$.ajax({
type:"POST",
cache:false,
url : "${rootPath}/dept/checkdeptname.htm",
dataType : "text",
data:{"dept.id":"${dept.id}","dept.dept_name":deptName},
async:false,
success : function(data){
if(0<parseInt(data)){
alert("此科室已存在");
$("#dept_name").attr("value","");
$("#dept_name").focus();
}
}
});
}
后臺(tái)的代碼:
/**
* 根據(jù)科室名稱查詢是否存在此科室
*
* @return
* @throws Exception
*/
public String checkdeptname() throws Exception {
if (UtilAPI.isNull(dept)) {
dept = new Dept();
}
int count = this.deptService.checkdeptname(dept.getId(), dept.getDept_name()); //如果存在返回1,不存在返回0
try {
response.getOutputStream().print(count);
}
catch (IOException e) {
e.printStackTrace();
}
return Action.NONE;
}
表單:
復(fù)制代碼 代碼如下:
<input class="width150" maxlength="32" type="text" id="dept_name" name="dept.dept_name"
value="${dept.dept_name}" onchange="tocheckname()"/>
js代碼:
復(fù)制代碼 代碼如下:
function tocheckname()
{
var deptName= $("#dept_name").val();
$.ajax({
type:"POST",
cache:false,
url : "${rootPath}/dept/checkdeptname.htm",
dataType : "text",
data:{"dept.id":"${dept.id}","dept.dept_name":deptName},
async:false,
success : function(data){
if(0<parseInt(data)){
alert("此科室已存在");
$("#dept_name").attr("value","");
$("#dept_name").focus();
}
}
});
}
后臺(tái)的代碼:
復(fù)制代碼 代碼如下:
/**
* 根據(jù)科室名稱查詢是否存在此科室
*
* @return
* @throws Exception
*/
public String checkdeptname() throws Exception {
if (UtilAPI.isNull(dept)) {
dept = new Dept();
}
int count = this.deptService.checkdeptname(dept.getId(), dept.getDept_name()); //如果存在返回1,不存在返回0
try {
response.getOutputStream().print(count);
}
catch (IOException e) {
e.printStackTrace();
}
return Action.NONE;
}
您可能感興趣的文章:
- 基于jQuery實(shí)現(xiàn)Ajax驗(yàn)證用戶名是否可用實(shí)例
- 基于jQuery實(shí)現(xiàn)的Ajax 驗(yàn)證用戶名唯一性實(shí)例代碼
- 利用jQuery.Validate異步驗(yàn)證用戶名是否存在(推薦)
- 基于jQuery實(shí)現(xiàn)Ajax驗(yàn)證用戶名是否存在實(shí)例
- 使用struts2+Ajax+jquery驗(yàn)證用戶名是否已被注冊(cè)
- JQuery實(shí)現(xiàn)用戶名無(wú)刷新驗(yàn)證的小例子
- 基于jQuery實(shí)現(xiàn)的Ajax 驗(yàn)證用戶名是否存在的實(shí)現(xiàn)代碼
- Asp.net下利用Jquery Ajax實(shí)現(xiàn)用戶注冊(cè)檢測(cè)(驗(yàn)證用戶名是否存)
- jquery 驗(yàn)證用戶名是否重復(fù)代碼實(shí)例
相關(guān)文章
基于jQuery的Tab選項(xiàng)框效果代碼(插件)
依據(jù)className實(shí)現(xiàn)的Tab選項(xiàng)框,支持多個(gè)tab,需要的朋友可以參考下。2011-03-03jquery封裝插件時(shí)匿名函數(shù)形參和實(shí)參的寫法解釋
本文主要介紹了jquery封裝插件時(shí)匿名函數(shù)形參和實(shí)參的寫法解釋。具有很好的參考價(jià)值,下面跟著小編一起來(lái)看下吧2017-02-02jquery實(shí)現(xiàn)可關(guān)閉的倒計(jì)時(shí)廣告特效代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)可關(guān)閉的倒計(jì)時(shí)廣告特效代碼,涉及jquery計(jì)時(shí)器及鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素樣式的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09Jquery實(shí)現(xiàn)圖片放大鏡效果的思路及代碼(自寫)
放大鏡類的文章網(wǎng)上有很多,由于實(shí)現(xiàn)起來(lái)比較麻煩,所以自己寫了一個(gè),下面為大家分享下具體的算法及實(shí)現(xiàn)代碼,感興趣的朋友可以參考下2013-10-10jQuery手動(dòng)點(diǎn)擊實(shí)現(xiàn)圖片輪播特效
這篇文章主要為大家詳細(xì)介紹了jQuery手動(dòng)點(diǎn)擊實(shí)現(xiàn)圖片輪播特效,手動(dòng)點(diǎn)擊數(shù)字卡片實(shí)現(xiàn)圖片輪播,對(duì)圖片輪播感興趣的小伙伴們可以參考一下2015-12-12javascript中對(duì)Attr(dom中屬性)的操作示例講解
這篇文章主要是對(duì)javascript中對(duì)Attr(dom中屬性)的操作進(jìn)行了詳細(xì)的介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12