首頁 >web前端 >js教程 >jQuery異步驗證使用者名稱是否存在範例程式碼_jquery

jQuery異步驗證使用者名稱是否存在範例程式碼_jquery

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB原創
2016-05-16 16:47:291148瀏覽

現在有個需求就是非同步驗證使用者名稱是否存在。用的技術是jQuery異步驗證和struts2(其實springMVC也是一樣的道理,都只是一個控制器).

表單:

複製代碼 代碼如下:

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( 0alert("此科室已存在");
$("#dept_name").attr("value","");
$("#dept_name ").focus();
}
}
});
}

後台的程式碼:
複製程式碼 程式碼如下:

/**
* 根據科別名稱查詢是否有此科
*
* @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;
}
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn