ajax校验用户名是否存在

最新推荐文章于 2020-04-29 22:49:02 发布

原创最新推荐文章于 2020-04-29 22:49:02 发布 · 203 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#ajax校验用户名是否存在

jQuery 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了一个简单的用户名校验实现方案，包括前端使用jQuery进行表单验证及与后端交互的过程，后端采用Java进行数据库查询确认用户名是否已被注册。

1.前端页面

<input name="USERID" type="text" id="USERID" />
//校验用户名是否存在
<script>
$("#USERID").blur(function(){
var USERID = $(this).val();
$.ajax({
 url: "checkUserName.jsp",
 type: "POST",
 data:{"USERID":USERID},
 dataType: "text",
 async: false,//同步执行
 //error: function(){alert("erro");},
 success: function(data){
 if(data == 1){
 $("#erroInfo").next("span").hide();
 $("#erroInfo").show();
     $("#erroInfo").html("&nbsp;用户名已存在,请重新输入！");
 }else{
 $("#erroInfo").next("span").show();
 $("#erroInfo").hide();
 }
}
});
});
 </script>

2.java编写后台处理

  String USERID=request.getParameter("USERID");
  String strSQL = "select * from d_zwuser where userid = '"+USERID+"'";
  DBService dbservice = new DBService();
  String result = "";
  DBSet dbset = dbservice.getSelectSet(strSQL);
  if(dbset.size() > 0){
 //result = "&nbsp;用户名已存在,请重新输入！";
 result="1";
  }
  response.getWriter().flush();
  response.setCharacterEncoding("utf-8");
  response.getWriter().print(result);
  response.getWriter().flush();