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)用戶名無刷新驗(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)文章
這篇文章主要為大家詳細(xì)介紹了jQuery插件開發(fā)的相關(guān)資料,需要的朋友可以參考下2016-05-05
當(dāng)jQuery遭遇CoffeeScript的時(shí)候 使用分享
雖然對(duì)ruby不太了解，但是看到CoffeeScript詩一般的代碼確實(shí)被怔住了，和jQuery之前給我的感覺是如此的相似——都是一個(gè)字，美，當(dāng)jQuery遭遇到CoffeeScript時(shí)，會(huì)蹦出什么樣的火花呢？2011-09-09
這篇文章主要介紹了綁定回車enter事件代碼,需要的朋友可以參考下2014-05-05
本文搜集整理了一些如郵箱、手機(jī)號(hào)碼、電話號(hào)碼、郵編、數(shù)字、判斷是否為空、正則匹配等等常用驗(yàn)證;感興趣的朋友可以了解下2013-01-01
Jquery判斷$("#id")獲取的對(duì)象是否存在的方法
如何判斷獲取的對(duì)象是否存在，貌似有很多方法實(shí)現(xiàn)，下面以$("#id")舉例，為大家詳細(xì)介紹下具體的判斷過程2013-09-09
jquery插件jquery.dragscale.js實(shí)現(xiàn)拖拽改變?cè)卮笮〉姆椒?附demo源碼下載)
這篇文章主要介紹了jquery插件jquery.dragscale.js實(shí)現(xiàn)拖拽改變?cè)卮笮〉姆椒?涉及jquery針對(duì)鼠標(biāo)事件的響應(yīng)及頁面元素動(dòng)態(tài)操作的相關(guān)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下2016-02-02
這篇文章主要為大家詳細(xì)介紹了jquery自定義表單驗(yàn)證插件,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
jQuery實(shí)現(xiàn)的網(wǎng)頁右下角tab樣式在線客服效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)的網(wǎng)頁右下角tab樣式在線客服效果代碼,涉及jQuery簡(jiǎn)單樣式變換控制技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
這篇文章主要介紹了jQuery中:first選擇器用法,實(shí)例分析了:first選擇器的功能、定義及匹配元素時(shí)的使用技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
在某些特殊的情況下是需要?jiǎng)討B(tài)生成表格的，下面為大家詳細(xì)介紹下使用jquery是如何做到的，感興趣的朋友不要錯(cuò)過2013-12-12