Ajaxはフォームを提出せずにユーザー名が登録されているかデータベースに入ります

Delver_Si · 掲載地 2014/12/24 2:28:19

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

function verifyUserName(userName){
var 値 = $("#userName").val();
$.Ajax({
タイプ:「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、真]<%@ 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>

<スクリプトタイプ="text/javascript">
関数 _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/>
      ID番号<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/>
   CAPTCHA <br/><img id= "vCode" src="<c:url value='/VerifyCodeServlet'/>">${errors.verifyCode }
   <label> <a href="javascript:_hyz()" >置き換え<br/></a></label>
      <input name="verifyCode" /><br/>
      <input name="BtnRegister" type="submit" value="Register" />
      <a href= "<c:url value='/index.jsp'/>" > ホームページに戻</a>る
      </form>
  </body>
</html>
[/mw_shl_code]

[mw_shl_code=java,true]/**
* AJAXはユーザー名が登録されているかどうかを検証します
* @param 要求
* 言語@param
* @return
* @throws ServletException
* @throws IOException
*/
public String verifyUserName(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
ブール値 b = false;
試してみて {
int i = userService.verifyUserName(req.getParameter("userName"));
もし(i==1) {
b=真;
}
} catch (SQLException e) {
TODO自動生成キャッチブロック
e.printStackTrace();
}
JSON形式でデータを返す
resp.getWriter().print("{\"bool\":\"qqq\"}");
resp.getWriter().print("{\"ifreg\":\""+b+"\"}");
resp.getWriter().print(b);
System.out.println("{\"ifreg\":\""+b+"\"}");
「返す」;
}[/mw_shl_code]

管理者 · 掲載地 2014/12/24 16:27:25

課題としてコピーします

[JavaEE] Ajaxはフォームを提出せずにユーザー名が登録されているかデータベースに入ります

閲覧したセクション