jQuery异步验证用户名是否存在示例代码

  现在有个需求就是异步验证用户名是否存在。用的技术是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();

  }

  }

  });

  }

  后台的代码:

  

复制代码 代码如下:

  /**

  * 根据科室名称查询是否存在此科室

  *

  * @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;

  }