Ajax acessa o banco de dados para verificar se o nome de usuário está registrado sem enviar o formulário

Delver_Si · Publicado em 24/12/2014 02:28:19

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

function verifyUserName(userName){
var value = $("#userName").val();
$.ajax({
tipo:"GET",
cache:falso,
assíncrono:falso,
url:"/bookShop/UserServlet",
data:{método:"verifyUserName",userName:value},
dataType:"json",
sucesso:função(resultado){
if(result.ifreg =="true"){
$("#userNameErr").text("Este nome de usuário está registrado!") );
}
}
});
}[/mw_shl_code]

[mw_shl_code=java, verdade] <%@ 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 Transitório//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>

<title>Página de inscrição</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="palavras-chave" conteúdo="palavra-chave1,palavra-chave2,palavra-chave3">
<meta http-equiv="description" content="Esta é a minha página">
<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">
função _hyz() {
$("#vCode").attr("src", '<c:url value='/VerifyCodeServlet?'/>' + new Date().getTime());
}
</script>
  </head>

  <body>
  <form action="/bookShop/UserServlet">
  <tipo de entrada="hidden" nome="método" valor="registro"/>
   Nome<br/> de usuário
      <input id = "userName" nome="userName" tipo="texto" valor="${formuser.userName }"/><label id = "userNameErr">${errors.loginname }</label><br/>
      Nome<br/> verdadeiro
      <nome de entrada="nomeTrue" tipo="texto" valor="${formuser.trueName }" />${errors.trueName }<br/>
      Senha<br/>
      <input name="passWord" type="password" value="${formuser.passWord }"/>${errors.loginpass }<br/>
      Confirme a senha<br/>
      <nome de entrada="repassWord" tipo="password" valor="${reloginpass }" />${errors.reloginpass }<br/>
      Cidade<br/>
      <nome de entrada="cidade" tipo="texto" valor="${formuser.city }"/>${errors.city }<br/>
      Endereço<br/> residencial
      <nome de entrada="endereço" tipo="texto" valor="${formuser.address }"/>${errors.address }<br/>
      Código Postal<br/>
      <nome de entrada="código postal" tipo="texto" valor="${formuser.postcode }" />${errors.postcode }<br/>
      Número<br/> de identificação
      <input name="cardno" type="text" value="${formuser.cardno }"/>${errors.cartno }<br/>
      Tipos de <br/>documentos
      <nome de entrada="cardType" tipo="texto" valor="${formuser.cardType }"/>${errors.cardType }<br/>
   Número<br/> de contato
      <nome de entrada="tel" tipo="texto" valor="${formuser.tel }"/>${errors.tel }<br/>
   Email <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()" > substituir um</a></label><br/>
      <nome de entrada="verifyCode" /><br/>
      <nome de entrada="BtnRegister" tipo="submit" valor="Register" />
      <a href= "<c:url value='/index.jsp'/>" > retornar à página inicial</a>
      </form>
  </body>
</html>
[/mw_shl_code]

[mw_shl_code=java,true]/**
* AJAX verifica se o nome de usuário está registrado
* @param requisito
* @param respiração
* @return
* @throws ServletException
* @throws IOException
*/
String pública verifyUserName(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
Booleano B = falso;
try {
int i = userService.verifyUserName(req.getParameter("userName"));
if (i==1) {
b=verdadeiro;
}
} catch (SQLException e) {
TODO Bloco de captura gerado automaticamente
e.printStackTrace();
}
Retorna dados no formato JSON
resp.getWriter().print("{\"bool\":\"qqq\"}");
resp.getWriter().print("{\"ifreg\":\""+b+"\"}");
resp.getWriter().print(b);
System.out.println("{\"ifreg\":\""+b+"\"}");
retorno "";
}[/mw_shl_code]

admin · Publicado em 24/12/2014 16:27:25

Vou copiar como tarefa

[JavaEE] Ajax acessa o banco de dados para verificar se o nome de usuário está registrado sem enviar o formulário

Seções visualizadas