Este artículo es un artículo espejo de traducción automática, por favor haga clic aquí para saltar al artículo original.

Vista: 14446|Respuesta: 1

[JavaEE] Ajax accede a la base de datos para verificar que el nombre de usuario está registrado sin enviar el formulario

[Copiar enlace]
Publicado en 24/12/2014 2:28:19 | | | |
[mw_shl_code=javascript,true]$(function(){
        $("#userName").blur(function() {
                var value = $("#userName").val();
                verifyUserName(value);
        });
        $("#userName").focus(function() {
                $("#userNameErr").text("");
        });
});

función verifyUserName(userName){
        var value = $("#userName").val();
        $.ajax({
                tipo:"GET",
                caché:falso,
                async:false,
                url:"/bookShop/UserServlet",
                data:{método:"verifyNombreDeUsuario",NombreUsuario:Valor},
                dataType:"json",
                éxito:función(resultado){
                        if(result.ifreg =="true"){
                                $("#userNameErr").text ("¡Este nombre de usuario está registrado!") );
                        }
        }
        });
}[/mw_shl_code]




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

    <title>Página de registro</title>
   
        <meta http-equiv="pragma" content="no-cache">
        <meta http-equiv="control-caché" content="no-caché">
        <meta http-equiv="expires" content="0">   
        <meta http-equiv="palabras clave" content="palabra clave1,palabra clave2,palabra clave3">
        <meta http-equiv="description" content="Esta es mi 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>
        <!--
        <link rel="stylesheet" type="text/css" href="styles.css">
        -->
<script type="text/javascript">  
función _hyz() {
        $("#vCode").attr("src", '<c:url value='/VerifyCodeServlet?'/>' + new Date().getTime());
}
</script>
  </head>
  
  <body>
  <form action="/bookShopping/UserServlet">
  <tipo de entrada="oculto" nombre="método" valor="registro"/>
           Nombre de usuario<br/>
        <input id = "userName" name="userName" type="text" value="${formuser.userName }"/><label id = "userNameErr">${errors.loginname }</label><br/>
        Nombre<br/> real
        <nombre de entrada="nombreTrue" tipo="texto" valor="${formuser.trueName }" />${errors.trueName }<br/>
        Contraseña<br/>
        <nombre de entrada="pasword" tipo="contraseña" valor="${formuser.passWord }"/>${errors.loginpass }<br/>
          Confirma la contraseña<br/>
        <nombre de entrada="repassWord" tipo="contraseña" valor="${reloginpass }" />${errors.reloginpass }<br/>
        Ciudad<br/>
        <nombre de entrada="ciudad" tipo="texto" valor="${formuser.city }"/>${errors.city }<br/>
        Dirección<br/> residencial
        <nombre de introducir="dirección" tipo="texto" valor="${formuser.address }"/>${errors.address }<br/>
        Código postal<br/>
        <nombre de entrada="código postal" tipo="texto" valor="${formuser.postcode }" />${errors.postcode }<br/>
        Número<br/> de identificación
        <nombre de introducir="cardno" type="text" value="${formuser.cardno }"/>${errors.cartno }<br/>
        Tipos de <br/>documentos
        <nombre de entrada="tipoCarta" tipo="texto" valor="${formuser.cardType }"/>${errors.cardType }<br/>
       Número<br/> de contacto
        <nombre de entrada="tel" tipo="texto" valor="${formuser.tel }"/>${errors.tel }<br/>
      Correo electrónico <br/>
        <nombre de entrada="correo electrónico" tipo="texto" valor="${formuser.email }"/>${errors.email }<br/>
      CAPTCHA <br/><img id= "vCode" src="<c:url value='/VerifyCodeServlet'/>">${errors.verifyCode }
     <label> <a href="javascript:_hyz()" > reemplazar uno</a></label><br/>
        <nombre de entrada="verifyCode" /><br/>
         <nombre de entrada="BtnRegister" tipo="submit" valor="Register" />
        <a href= "<c:url value='/index.jsp''/>" > volver a la página principal</a>
        </form>
  </body>
</html>
[/mw_shl_code]



[mw_shl_code=java,true]/**
* AJAX verifica si el nombre de usuario está registrado
* @param requisito
* @param respiración
* @return
* @throws ServletException
* @throws IOException
*/
        Cadena 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=verdadero;
                        }
                } catch (SQLException e) {
                        TODO Bloque de captura autogenerado
                        e.printStackTrace();
                }
Retorna datos en formato JSON               
                resp.getWriter().print("{\"bool\":\"qqq\"}");
                resp.getWriter().print("{\"ifreg\":\""+b+"\"}");
                resp.getWriter().print(b);
System.out.println("{\"ifreg\":\""+b+"\"}");
                return "";
        }[/mw_shl_code]



1.png (226.76 KB, Número de descargas: 426)

2.png (85.65 KB, Número de descargas: 428)

3.png (93.44 KB, Número de descargas: 412)

4.png (174.62 KB, Número de descargas: 418)

5.png (77.35 KB, Número de descargas: 412)

6.png (132.41 KB, Número de descargas: 387)

7.png (113.82 KB, Número de descargas: 397)





Anterior:Convertidor de tiempo personalizado STRUTS2
Próximo:struts2 para obtener los objetos comúnmente usados en el servlet
Publicado en 24/12/2014 16:27:25 |
Lo copiaré como una tarea
Renuncia:
Todo el software, materiales de programación o artículos publicados por Code Farmer Network son únicamente para fines de aprendizaje e investigación; El contenido anterior no se utilizará con fines comerciales o ilegales; de lo contrario, los usuarios asumirán todas las consecuencias. La información de este sitio proviene de Internet, y las disputas de derechos de autor no tienen nada que ver con este sitio. Debes eliminar completamente el contenido anterior de tu ordenador en un plazo de 24 horas desde la descarga. Si te gusta el programa, por favor apoya el software genuino, compra el registro y obtén mejores servicios genuinos. Si hay alguna infracción, por favor contáctanos por correo electrónico.

Mail To:help@itsvse.com