Verificar disponibilidad sobre sustantivo de usuario en vivo pareja

Verificar disponibilidad sobre sustantivo de usuario en vivo pareja

Cuando deseamos efectuar un formulario sobre registro de usuarios o de puntos que deseamos que su apelativo sea unico asi­ como que nunca puede estar duplicado en la base sobre datos, podri­amos usar en nuestros campos sobre escrito de el formulario la validacion Con El Fin De probar la disponibilidad o vida del apelativo en vivo.

Lo cual igualmente se puede Emplear de la validacion sobre emails unicos. Igualmente se podria corroborar en el momento si un email Ahora existe en la base sobre datos o todo prueba que se te ocurra.

En el exponente que se ilustra asociado a esta entrada, vamos a ver un formulario en donde el usuario puede indicar su sustantivo o nickname Con El Fin De registrarse o iniciar sesion en una sitio web. Vamos a comprobar la disponibilidad de el nombre sobre consumidor en vivo usando la tecnologia Ajax para destinar la peticion al servidor carente necesidad sobre recargar la pagina.

Esto lo vamos a conseguir utilizando las siguientes tecnologias HTML, jQuery, AJAX, PHP y no ha transpirado MySQLi.

Codigo jQuery

datemyage

En la cabecera de la pagina o adentro de la calificativo <head> agregaremos la editorial jQuery asi­ como el script que facilita la validacion en vivo sobre el ambito «username»

Este codigo igualmente puede ser anexo en la zona de debajo sobre la pagina justo antes sobre la epiteto sobre cierre </body>.

En este caso, estamos esperando a que se termine sobre escribir un apelativo de consumidor en nuestro sector de escrito con identificador «username» y no ha transpirado igual que estamos utilizando el suceso «blur», en el momento de Canjear de campo sera cuando se realice la validacion de el contenido del ambito. Puedes usar «keyup» para realizar la validacion por cada tecla que pulsa el cliente.

Cuando se ejecuta este suceso, mostramos la apariencia para indicar al usuario que se esta cargando o tras algo durante 1 segundo. La tipica fama de loading. Seguidamente realizamos una emplazamiento Ajax enviandole el precio de nuestro sector de escrito «username» Con El Fin De consumar el archivo «check_username_availablity.php» que se encarga sobre examinar si el nombre de cliente introducido hay en la base de datos.

A traves de el success de el Ajax mostramos un error en caso sobre que el nombre de consumidor exista o un mensaje sobre confirmacion de consumidor disponible.

Codigo PHP

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

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

En caso de que sabes conectar con la base sobre datos utlizando MySQLi puedes darle un vistazo al sub siguiente tutorial -> Interactuar con la base de datos utilizando Mysqli.

Una ocasion se conecta con la base de datos, paramos la ejecucion un segundo mediante la mision sleep() Con El Fin De mantener el proposito de cargando y En Caso De Que hemos recibido datos, hacemos la asesoramiento que retorna todos los datos de el usuario en el caso sobre que existiera.

Este archivo retorna la cadeneta con el mensaje sobre error o confirmacion que es procesado en el success de el Ajax que hemos comentado antiguamente.

Codigo HTML

El formulario que Existen que agregar en el interior de el <body> de la pagina puede ser una cosa como lo siguiente

Cuando deseamos realizar un formulario sobre registro de usuarios o sobre elementos que deseamos que su apelativo sea unico desplazandolo hacia el pelo que nunca puede estar duplicado en la base sobre datos, podri­amos utilizar en nuestros campos sobre texto de el formulario una validacion para corroborar la disponibilidad o vida de el apelativo en vivo.

Lo cual Ademi?s se puede Emplear Con El Fin De la validacion de emails unicos. Ademi?s se podria comprobar en el momento En Caso De Que un email ya hay en la base de datos o cualquier antecedente que se te ocurra.

En el ej que se ilustra asociado a esta entrada, vamos a observar un formulario a donde el usuario puede indicar su apelativo o nickname de registrarse o iniciar sesion en una website. Vamos a corroborar la disponibilidad del nombre sobre cliente en vivo utilizando la tecnologia Ajax para mandar la peticion al servidor sin necesidad de recargar la pagina.

Esto lo vamos A adquirir utilizando las pri?ximos tecnologias HTML, jQuery, AJAX, PHP y MySQLi.

Codigo jQuery