Cuando queremos realizar un formulario sobre registro sobre usuarios o sobre elementos que deseamos que su sustantivo sea unico desplazandolo hacia el pelo que nunca puede permanecer duplicado en la base de datos, podemos usar en nuestros campos sobre texto del formulario la validacion para corroborar la disponibilidad o existencia de el nombre en vivo.
Esto Ademi?s se puede aplicar Con El Fin De la validacion sobre emails unicos. Asimismo se podria verificar en la ocasion si un email bien existe en la base de datos o cualquier dato que se te ocurra.
En el prototipo que se ilustra asociado a esta entrada, vamos a ver un formulario donde el usuario puede indicar su sustantivo o nickname de registrarse o empezar sesion en una pagina Web. Vamos a corroborar la disponibilidad del apelativo de consumidor en vivo usando la ciencia Ajax para mandar la peticion mГіvil abdlmatch al servidor falto urgencia de recargar la pagina.
Esto lo vamos A adquirir usando las siguientes tecnologias HTML, jQuery, AJAX, PHP y no ha transpirado MySQLi.
Codigo jQuery
En la cabezal de la pagina o adentro de la calificativo <head> agregaremos la papeleria jQuery y el script que permite la validacion en vivo de el sector «username»
Este codigo tambien es unido en la zona de debajo de la pagina justamente antiguamente de la calificativo de cerradura </body>.
En este caso, estamos esperando a que se termine de escribir un nombre sobre consumidor en el campo sobre texto con identificador «username» y no ha transpirado igual que estamos usando el acontecimiento «blur», en la ocasion de Canjear de campo sera cuando se realice la validacion del contenido de el sector. Puedes usar «keyup» para efectuar la validacion por cada tecla que pulsa el consumidor.
Cuando se ejecuta este suceso, mostramos una imagen de indicar al usuario que se esta cargando o tras una cosa a lo largo de 1 segundo. La tipica apariencia de loading. Seguidamente realizamos una emplazamiento Ajax enviandole el valor sobre nuestro ambito de escrito «username» Con El Fin De consumar el archivo «check_username_availablity.php» que se encarga de examinar En Caso De Que el sustantivo de consumidor introducido hay en la base de datos.
Mediante el success del Ajax mostramos un error en caso de que el nombre de consumidor exista o un mensaje de confirmacion de usuario vacante.
Codigo PHP
El archivo PHP que se ejecuta en el servidor en la emplazamiento Ajax contiene lo siguiente
En este archivo estamos incluyendo el archivo «config.php» que se encarga de establecer la conexion con la base sobre datos utilizando MySQLi.
En caso de que sabes unir con la base sobre datos utlizando MySQLi puedes darle un vistazo al siguiente tutorial -> Interactuar con una base sobre datos usando Mysqli.
La vez se conecta con la base sobre datos, paramos la realizacion un segundo mediante la mision sleep() Con El Fin De conservar el fin sobre cargando y no ha transpirado si hemos recibido datos, hacemos la informe que retorna todos los datos del cliente en el caso de que existiera.
Este archivo retorna la cadena con el mensaje de error o confirmacion que es procesado en el success de el Ajax que hemos comentado antiguamente.
Codigo HTML
El formulario que hay que sumar dentro del <body> de la pagina puede ser una cosa como lo siguiente
Cuando deseamos elaborar un formulario de registro de usuarios o sobre puntos que deseamos que su apelativo sea unico y que nunca puede permanecer duplicado en la base de datos, podemos usar en nuestros campos de texto de el formulario una validacion Con El Fin De probar la disponibilidad o vida de el apelativo en vivo.
Esto tambien se puede aplicar Con El Fin De la validacion de emails unicos. Asimismo se podria comprobar en el momento En Caso De Que un email ya existe en la base de datos o cualquier documento que se te ocurra.
En el exponente que se ilustra asociado a esta entrada, vamos a ver un formulario a donde el cliente puede indicar su nombre o nickname para registrarse o iniciar sesion en la website. Vamos a probar la disponibilidad de el nombre de consumidor en vivo utilizando la tecnologia Ajax de destinar la peticion al servidor carente necesidad sobre recargar la pagina.
Esto lo vamos A adquirir utilizando las subsiguientes tecnologias HTML, jQuery, AJAX, PHP y MySQLi.