Confirmar disponibilidad de sustantivo sobre cliente en vivo pareja

Confirmar disponibilidad de sustantivo sobre cliente en vivo pareja

Confirmar disponibilidad de sustantivo sobre cliente en vivo pareja

Cuando deseamos hacer un formulario de registro sobre usuarios o de elementos que deseamos que su nombre sea unico asi­ como que no puede quedar duplicado en la base sobre datos, podri­amos utilizar en nuestros campos de texto del formulario la validacion Con El Fin De verificar la disponibilidad o existencia de el sustantivo en vivo.

Esto ademas se puede utilizar de la validacion de emails unicos. Ademas se podria comprobar en la ocasion si un email debido a existe en la base de datos o cualquier prueba que se te ocurra.

En el ejemplo que se ilustra asociado a esta entrada, vamos a observar un formulario donde el usuario puede indicar su sustantivo o nickname para registrarse o iniciar sesion en la website. Vamos a comprobar la disponibilidad del apelativo sobre consumidor en vivo utilizando la tecnologia Ajax para cursar la peticion al servidor sin necesidad sobre recargar la pagina.

Esto lo vamos A adquirir utilizando las siguientes tecnologias HTML, jQuery, AJAX, PHP desplazandolo hacia el pelo MySQLi.

Codigo jQuery

En la cabezal de la pagina o adentro sobre la etiqueta <head> agregaremos la papeleria jQuery asi­ como el script que permite la validacion en vivo de nuestro campo «username»

Este codigo igualmente es agregado en la parte sobre debajo de la pagina exacto primero sobre la epiteto sobre cierre </body>.

En este caso, estamos esperando a que se ВїcГіmo funciona el glint termine sobre redactar un apelativo de cliente en nuestro ambito de escrito con identificador «username» asi­ como como estamos usando el suceso «blur», en el momento sobre cambiar de campo sera cuando se realice la validacion de el contenido del campo. Puedes usar «keyup» Con El Fin De efectuar la validacion por cada tecla que pulsa el consumidor.

Cuando se ejecuta este acontecimiento, mostramos una apariencia de indicar al cliente que se esta cargando o tras alguna cosa a lo largo de 1 segundo. La tipica fama sobre loading. Seguidamente realizamos una convocatoria Ajax enviandole el precio de nuestro ambito sobre texto «username» para consumar el archivo «check_username_availablity.php» que se encarga sobre repasar si el apelativo sobre consumidor introducido hay en la base de datos.

Mediante el success del Ajax mostramos un error en caso sobre que el nombre sobre consumidor exista o un mensaje de confirmacion sobre usuario vacante.

Codigo PHP

El archivo PHP que se ejecuta en el servidor en la llamada Ajax contiene lo siguiente

En este archivo estamos incluyendo el archivo «config.php» que se encarga de establecer la conexion con la base de datos usando MySQLi.

Si no sabes unir con la base de datos utlizando MySQLi puedes darle un vistazo al sub siguiente tutorial -> Interactuar con la base sobre datos usando Mysqli.

La ocasii?n se conecta con la base de datos, paramos la realizacion un segundo mediante la accion sleep() de sustentar el proposito de cargando y En Caso De Que hemos recibido datos, hacemos la informe que retorna todo el mundo los datos del usuario en el caso sobre que existiera.

Este archivo retorna la cadeneta con el mensaje de error o confirmacion que seri­a procesado en el success de el Ajax que hemos comentado anteriormente.

Codigo HTML

El formulario que Existen que adicionar dentro de el <body> de la pagina puede ser alguna cosa igual que lo sub siguiente

Cuando queremos efectuar un formulario sobre registro de usuarios o sobre componentes que deseamos que su apelativo sea unico y no ha transpirado que no puede estar duplicado en la base sobre datos, podri­amos usar en nuestros campos sobre escrito del formulario la validacion para corroborar la disponibilidad o vida de el apelativo en vivo.

Esto Asimismo se puede utilizar Con El Fin De la validacion de emails unicos. Ademas se podria comprobar en la ocasion En Caso De Que un email debido a hay en la base de datos o cualquier prueba que se te ocurra.

En el ejemplo que se ilustra asociado a esta entrada, vamos a ver un formulario donde el cliente puede indicar su apelativo o nickname Con El Fin De registrarse o iniciar sesion en una sitio web. Vamos a probar la disponibilidad del sustantivo de consumidor en vivo utilizando la tecnologia Ajax Con El Fin De cursar la peticion al servidor sin urgencia de recargar la pagina.

Esto lo vamos A adquirir usando las pri?ximos tecnologias HTML, jQuery, AJAX, PHP y no ha transpirado MySQLi.

Codigo jQuery