ajax在表单不提交的情况下去数据库验证用户名是否被注册

Delver_Si · 发表于 2014-12-24 02:28:19

[mw_shl_code=javascript,true]$(function(){
$("#userName").blur(function() {
var value = $("#userName").val();
verifyUserName(value);
});
$("#userName").focus(function() {
$("#userNameErr").text("");
});
});

function verifyUserName(userName){
var value = $("#userName").val();
$.ajax({
type:"GET",
cache:false,
async:false,
url:"/bookShopping/UserServlet",
data:{method:"verifyUserName",userName:value},
dataType:"json",
success:function(result){
if(result.ifreg =="true"){
$("#userNameErr").text("该用户名已被注册！");
}
}
});
}[/mw_shl_code]

[mw_shl_code=java,true]<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>

<title>注册页面</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="<c:url value='/jquery/jquery-1.5.1.js'/>"></script>
<script type="text/javascript" src="<c:url value='/js/register.js'/>"></script>

<script type="text/javascript">
function _hyz() {
$("#vCode").attr("src", '<c:url value='/VerifyCodeServlet?'/>' + new Date().getTime());
}
</script>
  </head>

  <body>
  <form action="/bookShopping/UserServlet">
  <input type="hidden" name="method" value="register"/>
   用户名<br/>
      <input id = "userName" name="userName" type="text" value="${formuser.userName }"/><label id = "userNameErr">${errors.loginname }</label><br/>
      真实姓名<br/>
      <input name="trueName" type="text" value="${formuser.trueName }" />${errors.trueName }<br/>
      密　码<br/>
      <input name="passWord" type="password" value="${formuser.passWord }"/>${errors.loginpass }<br/>
      确认密码<br/>
      <input name="repassWord" type="password" value="${reloginpass }" />${errors.reloginpass }<br/>
      所在城市<br/>
      <input name="city" type="text" value="${formuser.city }"/>${errors.city }<br/>
      居住地址<br/>
      <input name="address" type="text" value="${formuser.address }"/>${errors.address }<br/>
      邮编<br/>
      <input name="postcode" type="text" value="${formuser.postcode }" />${errors.postcode }<br/>
      证件号码<br/>
      <input name="cardno" type="text" value="${formuser.cardno }"/>${errors.cartno }<br/>
      证件类型 <br/>
      <input name="cardType" type="text" value="${formuser.cardType }"/>${errors.cardType }<br/>
   联系电话<br/>
      <input name="tel" type="text" value="${formuser.tel }"/>${errors.tel }<br/>
   电子邮箱 <br/>
      <input name="email" type="text" value="${formuser.email }"/>${errors.email }<br/>
   验证码 <br/><img id= "vCode" src="<c:url value='/VerifyCodeServlet'/>">${errors.verifyCode }
   <label> <a href="javascript:_hyz()">换一张</a></label><br/>
      <input name="verifyCode" /><br/>
      <input name="BtnRegister" type="submit" value="注册" />　
      <a  href= "<c:url value='/index.jsp'/>" >返回首页</a>
      </form>
  </body>
</html>
[/mw_shl_code]

[mw_shl_code=java,true]/**
* AJAX校验用户名是否被注册
* @param req
* @param resp
* @return
* @throws ServletException
* @throws IOException
*/
public String verifyUserName(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
boolean b = false;
try {
int i = userService.verifyUserName(req.getParameter("userName"));
if (i==1) {
b=true;
}
} catch (SQLException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
//返回json格式数据
//resp.getWriter().print("{\"bool\":\"qqq\"}");
resp.getWriter().print("{\"ifreg\":\""+b+"\"}");
//resp.getWriter().print(b);
System.out.println("{\"ifreg\":\""+b+"\"}");
return  "";
}[/mw_shl_code]

admin · 发表于 2014-12-24 16:27:25

我就复制一下当作业了

		自动登录	找回密码
密码			注册[Register]

[JavaEE] ajax在表单不提交的情况下去数据库验证用户名是否被注册