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;
}
表單:
復制代碼 代碼如下:
<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;
}
您可能感興趣的文章:
相關(guān)文章
jquery封裝插件時匿名函數(shù)形參和實參的寫法解釋
本文主要介紹了jquery封裝插件時匿名函數(shù)形參和實參的寫法解釋。具有很好的參考價值,下面跟著小編一起來看下吧2017-02-02jquery實現(xiàn)可關(guān)閉的倒計時廣告特效代碼
這篇文章主要介紹了jquery實現(xiàn)可關(guān)閉的倒計時廣告特效代碼,涉及jquery計時器及鼠標事件動態(tài)操作頁面元素樣式的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09Jquery實現(xiàn)圖片放大鏡效果的思路及代碼(自寫)
放大鏡類的文章網(wǎng)上有很多,由于實現(xiàn)起來比較麻煩,所以自己寫了一個,下面為大家分享下具體的算法及實現(xiàn)代碼,感興趣的朋友可以參考下2013-10-10javascript中對Attr(dom中屬性)的操作示例講解
這篇文章主要是對javascript中對Attr(dom中屬性)的操作進行了詳細的介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-12-12