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