Comprobar disponibilidad de nombre de usuario en vivo
Cuando queremos hacer un formulario de registro de usuarios o de elementos que deseamos que su nombre sea único y que no puede estar duplicado en la base de datos, podemos usar en nuestros campos de texto del formulario una validación para comprobar la disponibilidad o existencia del nombre en vivo.
Esto también se puede aplicar para la validación de emails únicos. También se podría comprobar en el momento si un email ya existe en la base de datos o cualquier dato que se te ocurra.
En el ejemplo que se ilustra asociado a esta entrada, vamos a ver un formulario donde el usuario puede indicar su nombre o nickname para registrarse o iniciar sesión en una página Web. Vamos a comprobar la disponibilidad del nombre de usuario en vivo utilizando la tecnología Ajax para enviar la petición al servidor sin necesidad de recargar la página.
Esto lo vamos a conseguir utilizando las siguientes tecnologías: HTML, jQuery, AJAX, PHP y MySQLi.
Código jQuery
En la cabecera de la página o dentro de la etiqueta <head> agregaremos la librería jQuery y el script que permite la validación en vivo de nuestro campo «username»:
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#username').on('blur', function() {
$('#result-username').html('<img src="images/loader.gif" />').fadeOut(1000);
var username = $(this).val();
var dataString = 'username='+username;
$.ajax({
type: "POST",
url: "check_username_availablity.php",
data: dataString,
success: function(data) {
$('#result-username').fadeIn(1000).html(data);
}
});
});
});
</script>Este código también puede ser agregado en la parte de abajo de la página justo antes de la etiqueta de cierre </body>.
En este caso, estamos esperando a que se termine de escribir un nombre de usuario en nuestro campo de texto con identificador «username» y como estamos utilizando el evento «blur», en el momento de cambiar de campo será cuando se realice la validación del contenido del campo. Puedes utilizar «keyup» para realizar la validación por cada tecla que pulsa el usuario.
Cuando se ejecuta este evento, mostramos una imagen para indicar al usuario que se está cargando o buscando algo durante 1 segundo. La típica imagen de loading. Seguidamente realizamos una llamada Ajax enviándole el valor de nuestro campo de texto «username» para ejecutar el archivo «check_username_availablity.php» que se encarga de revisar si el nombre de usuario introducido existe en la base de datos.
Mediante el success del Ajax mostramos un error en caso de que el nombre de usuario exista o un mensaje de confirmación de usuario disponible.
Código PHP
El archivo PHP que se ejecuta en el servidor en la llamada Ajax contiene lo siguiente:
<?php
require('config.php');
sleep(1);
if (isset($_POST)) {
$username = (string)$_POST['username'];
$result = $connexion->query(
'SELECT * FROM users WHERE username = "'.strtolower($username).'"'
);
if ($result->num_rows > 0) {
echo '<div class="alert alert-danger"><strong>Oh no!</strong> Nombre de usuario no disponible.</div>';
} else {
echo '<div class="alert alert-success"><strong>Enhorabuena!</strong> Usuario disponible.</div>';
}
}En este archivo estamos incluyendo el archivo «config.php» que se encarga de establecer la conexión con la base de datos utilizando MySQLi.
Si no sabes conectar con la base de datos utlizando MySQLi puedes darle un vistazo al siguiente tutorial -> Interactuar con una base de datos utilizando Mysqli.
Una vez se conecta con la base de datos, paramos la ejecución un segundo mediante la función sleep() para mantener el efecto de cargando y si hemos recibido datos, hacemos la consulta que retorna todos los datos del usuario en el caso de que existiera.
Este archivo retorna una cadena con el mensaje de error o confirmación que es procesado en el success del Ajax que hemos comentado antes.
Código HTML
El formulario que hay que agregar dentro del <body> de la página puede ser algo como lo siguiente:
<form action="#" method="post">
<div class="form-group">
<label for="username">Usuario</label>
<input type="text" class="form-control" id="username" name="username" placeholder="Introduce tu nombre...">
<small class="form-text text-muted">Elige "jose" o "maria" siendo usuarios que ya existen en base de datos.</small><br/>
<div id="result-username"></div>
</div>
<div class="form-group">
<label for="password">Password</label>
<input type="password" class="form-control" id="password" name="password" placeholder="Escribe tu password aqui...">
</div>
</form>Esta entrada ha sido editada el 01/11/2018.
Autor
¿Buscas trabajo de programador?
144 respuestas a “Comprobar disponibilidad de nombre de usuario en vivo”
Deja una respuesta
118 artículos que te podrían interesar
Ver más sobre
Jose, preocupa prevenir inyección SQL. ¿Ése código lo hace o no?
Hola,
Para prevenir ataques a tu programa, deberás buscar alguna técnica de XSS (Cross Site Scripting) con PHP.
Aquí puedes ver un ejemplo:
https://www.jose-aguilar.com/blog/cross-site-scripting/
Saludos
Buenas noches, quería antes que nada agradecerte por el código y explicación brindada. Me ha resultado muy útil. Leí todos los comentarios para ver si alguien tuvo el problema que estoy teniendo pero no fue así. Por lo que me tomo el atrevimiento de realizarte una consulta. Este codigo lo estoy utilizando para consultar la disponibilidad de los turnos. Es decir paso la fecha seleccionada del calendario al «check_username_availablity.php» de ahi consulto en la tabla turnos cuales ya fueron grabados y devuelvo 1 si el turno ya esta en la tabla y 0 en el caso de que este disponible. Ahora lo que yo necesito es desactivar el turno en caso de devolver 1. En los comentarios encontre un codigo que funciona cuando quieres desactivar un input pero lo que yo necesito es desactivar es un option. Abajo te muestro el codigo de lo que necesito desactivar.
8:00
8:10
8:20
8:30
8:40
8:50
9:00
Tambien si no es mucha molestias. Necesitaria saber de que manera devolver varias variables con distintos valores desde «check_username_availablity.php» Ya que necesito devolver el estado de todos los turnos que se encuentran en los option.
Desde ya muchas gracias por tu tiempo.
Hola buenas tardes,
Para desahabilitar un option del select quizá lo puedes hacer con jQuery. Prueba algo así:
$(‘#tuselect option:eq(1)’).attr(‘disabled’,true);
Para devolver varios valores se puede hacer usan json -> https://www.jose-aguilar.com/blog/ajax-vs-json-respuesta-multiple/
Saludos
Hola Jose, como siempre muy buenos tus tutoriales. Lo estoy tratando de hacer funcionar en otra web y el gif carga infinito, nunca muestra el mensaje de si existe o no el campo que busco, ¿cuál será el error? solamente cambie el «username» por «productcode», estoy usando la última versión de jquery y la conexión la cambié por la mía, te dejo el código por si puedes revisar por favor, te lo agradezco mucho.
(archivo index.php)
$(document).ready(function() {
$(‘#productcode’).on(‘blur’, function(){
$(‘#result-productcode’).html(»).fadeOut(1000);
var productcode = $(this).val();
var dataString = ‘productcode=’+productcode;
$.ajax({
type: «POST»,
url: «check_productcode_availablity.php»,
data: dataString,
success: function(data) {
$(‘#result-productcode’).fadeIn(1000).html(data);
}
});
});
});
* REFERENCE #
<input type="text" id="productcode" name="productcode" placeholder="Reference #" value="» required>
(archivo check.php)
query(
‘SELECT * FROM products WHERE productcode = «‘.strtolower($productcode).'»‘
);
if ($result->num_rows > 0) {
echo ‘This reference already exists, enter a different reference’;
} else {
echo ‘This reference is available’;
}
}
?>
Hola,
Lo ideal es que nos facilites una url que esté en linea con tu código para ver que errores aparecen en consola.
Saludos
hola Jose he probado el demo en linea y veo que chrome no te autocompleta el usuario, y passw pero cuando lo ejecuto desde el que baje se ejecuta el autocompletar.
hay algo distinto en el que esta en https://www.jose-aguilar.com/scripts/jquery/live-username-checking/
Hola,
Quizás tan solo debes conectar con tu base de datos. ¿Has revisado eso?
Saludos
Disculpa hay una manera de realizar este procedimiento sin usar PHP
Es que lo quiero implementar en un sitio pero solamente uso jsp
Hola,
Lamentamos decir que con jsp no podemos ayudarte.
Saludos
Que tal José muchas gracias por el aporte, quería saber como hacer para desactivar un botón en caso el usuario exista, este es el código, pero no me sale, queria saber si el problema esta en el php o en el mismo ajax:
$.ajax({
type: «POST»,
url: «check_username_availablity.php»,
data: dataString,
success: function(data) {
$(‘#Info’).fadeIn(1000).html(data);
//alert(data);
if (data == ‘1’) {
$(‘input#boton’).attr(‘disabled’, ‘disabled’);
$(‘input#password’).value(‘hola’);
$(‘input#boton’).value(‘hola’);
}
}
});
En el PHP lo tengo así:
if($contar == 0)
echo ‘Usuario ya existente’;
else
echo ‘Disponible’;
Hola,
La implementación no es correcta. No se corresponde con lo que deseas. El PHP debería retornar un ‘1’ para que en este caso el botón se desactive.
Saludos
Buenismo, pero tengo una duda, ¿como hago para que el siguiente campo (en este caso contraseña) quede deshabilitado en caso de que el usuario ya exista?.
Gracias por su pronta respuesta.
Hola,
Creo que puedes usar algo así en el success del ajax y quizá tengas que cambiar la respuesta ajax para que te retorne un 1 si el usuario existe y un 0 si el usuario no existe.
Dentro del success hacer algo así:
//si el usuario existe
if (data == ‘1’) {
$(‘#password’).attr(‘disabled’, ‘disabled’);
}
Saludos
amigo soy nuevo en esto, me interesó demasiado lo que expuso un usuario sobre como desactivar el boton en caso de que el usuario ya exista. Leyendo un poco sobre el «onBlur», no tiendo bien como es que fue implementado para verificar en que momento se debe desactivar el boton.
Para hacer eso se tiene que insertar directamente en el archivo php ?¿
0) // not available
{
echo ‘Usuario ya existente’;
echo »
$(‘input#id_button’).attr(‘disabled’, ‘disabled’);
«;
}
else
{
echo ‘Disponible’;
echo »
$(‘input#id_button’).attr(enabled, enabled);
«;
$usuario = 2;
}
}?>
algo asi? me podrias orientar porfavor c:
Hola buenos días,
Si necesitas desactivar un botón deberás hacerlo desde el javascript que hace la llamada al evento onblur. En el php no me parece correcto.
Saludos
Comprobar disponibilidad de nombre de usuario en vivo – Jose Aguilar Tava precisando de limpar uma lista de emails, e achei o site http://www.validadordeemails.com.br usei e limpei minhas listas de e-mail, realmente é muito bom, tem uns filtros avançados legais… Pra quem quiser retirar e-mails inválidos, uso e indico para meus amigos o site http://www.validadordeemails.com.br muito bom mesmo galera 🙂
Hola Jose, muchas gracias por tu grán aporte. Quisiera saber como deberia acomodarlo para PHP7 teniendo en cuenta que funciona con Mysqli. Lo implementé pero me aparece en el error_log:
[22-May-2017 15:51:16 America/New_York] PHP Warning: mysqli_query() expects at least 2 parameters, 1 given in /home/prueccd/public_html/crm/form/check_email_availablity.php on line 7
Hola buenos días,
Para este tipo de ayudas que se salen de lo que hay en el blog debe enviarnos un ticket al centro de soporte y allí le indicaremos como podemos proceder:
https://www.jose-aguilar.com/soporte/
Si está usando Mysqli, quizá le interesa más trabajar de forma orientada a objetos:
https://www.jose-aguilar.com/blog/interactuar-con-una-base-de-datos-utilizando-mysqli/
Saludos
Mi proyecto va super. Luego te lo comparto. Gracias
Jose, buenas noches. Disculpa Ya funciona perfecto. Fue un error mio, las instrucciones del javascript las puse dentro de un .
Gracias. Funciona perfecto. Seguire con mi proyecto a ver como me queda. Gracias. Luego te lo comparto. Mil gracias.
Jose buen dia. Quedo perfecto en el input. Gracias. Mira que lo puse en otra pagina php, y no funciona. Lo unico diferente en esta pagina es que tiene dos formularios y ambos formularios funcionan bien hacen lo que tienen que hacer. Lo que quiero es validar un dato en un input en uno de los formularios. El tener dos formularios en un archivo php afecta que no funcione ?
Gracias por tu ayuda. Gracias
Jose …. muchas gracias. Funciona perfecto. Ya lo acomode a mi necesidad. Funciona perfecto. Necesito ponerlo en un input no en una etiqueta div, como se haria. Gracias !!
Hola, para ponerlo en un input deberás hacerlo así:
En vez de:
$(‘#Info’).fadeIn(1000).html(data);
Deberas poner:
$(‘#input_id’).val(data);
Espero te sirva,
Saludos
Muchas gracias por tu ejemplo. Gracias !!
Hola Jose, buenos días y gracias por tus estupendo aportes.
Tengo una duda y llevo todo el dia dandole vuelta.
He modificado el codigo de forma que al introducir el codigo del cliente, me indique si existe o no. Hasta aqui todo correcto.
Pero como hago para que en caso de que dicho codigo existe me muestre El Nombre del Cliente en lugar de «usuario ya existente»
He probado a modificar la linea
echo ‘Usuario ya existente’;
pero no doy con la tecla.
Hola, tal como se explica en el artículo ya debería servirte para tu caso. La clave está en lo que retorna el archivo php. El echo. Saludos
Como obtener el avatar una vez que el correo del usuario sea correcto y asi pasar al siguiente campo?
Hola, imagino que el ajax deberá retorna alguno información relativa al avatar. Podría ser la ruta completa y luego por javascript depositar esa ruta en el atributo src del tag img deseado.
Buenas tardes
Que buena guía de aprendizaje .
tengo una pregunta…..
cuando estoy local me funciona de maravilla
pero cuando lo subo al host me sale el error del query (ok) para mi (error de conexion)
ya revise todos los campos. copie la tabla de mi localhost para no tener diferencias pero nada.
gracias por su ayuda
Buenas tardes,
Es un poco difícil saber porque si no podemos inspeccionar la url o proyecto. Si nos pasas un enlace seguramente alguien lo puede revisar.
Saludos
Hoa jose me puedes ayudar quiero validar un requistro antes de guardar en la base pero el ejemplo tuyo trate de hacerlo pero no me funciona estoy desplegando en un modal
Hola buenas tardes, si quieres envíanos un mensaje a blog@jose-aguilar.com con todos los detalles para ver como podemos ayudarte. Saludos
Hola, tu blog me ha ayudado mucho y ahora espero puedas apoyarme con un detalle que tengo.
La duda es, tengo un formulario, tiene 10 textbox y cada uno controla un número de serie digamos (equipo, mouse, teclado, etc) y quisiera validar que no existan duplicados.
¿Podrías apoyarme como realizar esa validación?
Muchisimas gracias, saludos.
Hola, podríamos ayudarte pero lo que nos falta es tiempo. Si nos facilitases una url para verlo alguien podría ayudarte seguro.
Saludos espero que este post todavia lo respondas. Tengo el siguiente problema al colocar en el campo texto x valor hace la busqueda por no me muestra el mensaje, y luego si cambio el valor del campo de texto hace la busqueda, ¿Que debo hacer?
Hola, es un poco difícil darte una respuesta acertada sin ver el problema. Si nos pasas la url donde está el problema seguro que podremos ayudarte. Saludos
Hola, gracias por el post me fue de gran ayuda:
Pero tengo una pregunta si se desea tener más de una comprobación por ejm: la cédula y un correo, para uno solo si funciona normalmente pero cuando intento para otro no sucede nada ni tampoco se produce algún error:
$(document).ready(function() {
$(‘#cedula’).blur(function(){
$(‘#Info’).html(»).fadeOut(6000);
var username = $(this).val();
var dataString = ‘username=’+username;
$.ajax({
type: «POST»,
url: «disponibilidad/disponibilidad_empleado.php»,
data: dataString,
success: function(data) {
$(‘#Info’).fadeIn(800).html(data);
}
});
});
$(‘#corr’).blur(function(){
$(‘#Info_1’).html(»).fadeOut(6000);
var username = $(this).val();
var dataString = ‘username=’+username;
$.ajax({
type: «POST»,
url: «disponibilidad/disponibilidad_corr.php»,
data: dataString,
success: function(data) {
$(‘#Info_1’).fadeIn(800).html(data);
}
});
});
});
Gracias por revisar lo planteado.
LO podemos ver en linea este ejemplo? Con la herramienta firebug podemos ver si hay algun problema.
Hola muy buen código, gracias, pero me preguntaba ¿Como se le podría hacer para que distinga de mayúsculas y minisculas?, ya que si uso COLLATE latin1_bin en la base de datos, deja de funcionar…
Muchas Gracias funciona Perfecto!
Funciona de maravillas!!
Millones de GRACIAS..!!!!!!
saludo trate crear un if para que inabilitara el boton mientras daba ERROR, funciona cuando en el primer entento de ingresar un usuario que ya esta en la base de dato este bloquea el botom o lo oculta como me recomendastes, pero al ingresar por sefunda vez un usuario y esta vez si es valido, el botom no se vuelve a activar, aqui te dejo el codigo para q me digas que me falta, y gracias por responder nuestras dudas.
perdona pero la pregunta anterior a esta se envio con errores!!
$(document).ready(function() {
$(‘#cupos1′).blur(function(){
var cupos1 = $(this).val();
var dataString = ‘cupos1=’+cupos1;
$.ajax({
type: “POST”,
url: “cupo1.php”,
data: dataString,
beforeSend: function(){
$(‘#Info1′).html(”).fadeOut(1000);
},
success: function(data){
$(‘#Info1′).fadeIn(1000).html(data);
if(data==”)
{
$(‘#id_button’).hide();
//$(‘#id_button’).attr(‘disabled’, ‘disabled’);
return false;
}
else
{
return true;
}
}
});
});
});
saludo trate crear un if para que inabilitara el boton mientras daba ERROR, funciona cuando en el primer entento de ingresar un usuario que ya esta en la base de dato este bloquea el botom o lo oculta como me recomendastes, pero al ingresar un usuario valido el botom no se vuelve a activar aqui te dejo el codigo para q me digas que me falta, y gracias por responder nuestras dudas,
$(document).ready(function() {
$(‘#cupos1’).blur(function(){
var cupos1 = $(this).val();
var dataString = ‘cupos1=’+cupos1;
$.ajax({
type: «POST»,
url: «cupo1.php»,
data: dataString,
beforeSend: function(){
$(‘#Info1’).html(»).fadeOut(1000);
},
success: function(data){
$(‘#Info1’).fadeIn(1000).html(data);
if(data==»)
{
$(‘#id_button’).hide();
//$(‘#id_button’).attr(‘disabled’, ‘disabled’);
return false;
}
else
{
return true;
}
}
});
});
});
Buenos dias amigo te felicito, me salio todo a la perfeccion, pero tengo una pregunta jose, si quisiera validar otro campo como por ejemplo una cedula como agregaria esta variable sin eliminar de la username, es decir, que esos 2 campos sean unicos.. que cuando meta una cedula me diga que ya existe en la base de datos.. y luego cuando meta una cedula q no exista pase ameter el username y tambien este la condicion de username en vivo y eso.. por favorr me gustaria que me ayudaras de antemano gracias amigo. Saludos
Segun entiendo creo que tan solo tienes que duplicar el código jQuery del username y adaptarlo para la cedula.
Saludos
Podrias poner un ejemplo de como se haría esto, porfavor te lo agradecería infinitamente… 🙂
Muchas gracias, pero despues de muchos intentos ya encontre la solución, aqui lo que hice:
var nombre = $(this).val();
var num_oficio = $(‘#num_oficio’).val();
$.ajax({
type: «POST»,
url: «viaticos_validar.php»,
data: {variable1: nombre, variable2: num_oficio},
success: function(data) {
$(‘#Info’).fadeIn(1000).html(data);
//alert(data);
})
y en el archivo que conecta con la BD recibo las variables con $_POST
Saludos
Buenas noches amigo ya vi en algunos comentarios como se bloquea el boton de submit pero cuando existe se bloquea, pero cuando no existe igual se bloquea debe haber una condicion despues del sucess pero no se amigo podrias ayudarme, otra acotacion que queria decirte que a veces hay usuarios registrados y aveces dice que esta disponible oJo no es para todos de 500 sucede con 100 registros y aveces viceversa tambien no esta registrado y si me dice que existe. espero me ayudes amigo pronto mi correo alex19_3000_2@hotmail.com
POsiblemente te pueda servir –> http://www.jose-aguilar.com/blog/comprobar-si-un-elemento-esta-visible-o-no-con-jquery/
buenos dias amigo, no para nada
Buenos dias amigo, ya estoy viendo algunas de las variables que dices, y posiblemente me ayude, ya se ocullta falta que se quede si no existe el usuario, sigue asi amigo Felicitaciones
Como haria para validar otro campo amigo? que existan 2 campos unicos? username y correo electronico por asi decirlo
Hola, el jemplo funciona muy bien haciendo que se muestre en un div, pero si quiero que el resultado seal value de un input=»text» como sería …. Gracias de antemano.
Hola,
Lo único que cambiaría es lo siguiente:
$(‘#Info’).fadeIn(1000).html(data);
Debería pasar a:
$(‘#username’).val(data);
No lo he probado pero creo que lo que retorna el ajax en el data debe ser solo texto.
Saludos
saludos, muchas gracias por compartir tus conocimentos a los que estamos iniciando la programacion, pero creo que nos serviria de mucha ayuda, si nos explicas como bloquear la action o el boton de registrar, en el caso de que el nombre del usuario ya este registrado, dices que tenemos que modificar el codig php y el ajax, e tratado de incluir el $(‘#id_button’).attr(‘disabled’, ‘disabled’); y no logro que funcione, gracias de nuevo por la enorme aporte a nuestra formacion,exitos !!
Hola buenas tardes,
Yo lo que he hecho en algunos proyectos es esconderlo directamente asi:
$(‘#id_button’).hide();
Saludos
muy bueno muchas gracias sigue haci
disculpa que moleste , al momento de ingresar un nombre(que exista en la BD, o no exista , el mensaje que me sale es ok) que es lo que esta mal ????? ya llevo 1 dia buscando , pero no encuentro, en ninguna parte me marca error, por favor una ayuda :(!!!!
Nos tendrás que facilitar la url del ejemplo para ver como lo has hecho. saludos
escribo todo muy bien, pero me doy cuenta que el problema es que la data no me la regresa, bueno me manda la alerta de error, ya cheque que si se conecte a la bd y si lo hace pero no manda el mensaje de regreso si es o no existente el usuario
hola, me marca la alerta del error T_T que hagoo!!! lo he checado mil veces
Estaría bien que nos mostraras tu ejemplo en funcionamiento. SEguramente así alguien te ayudará…
Tengo entendido que usar mysql_query es un problema serio de seguridad , no estoy seguro pero informo y si es necesario actualiza el hilo y el código . Saludoss …
Cierto es. Actualmente es mejor utilizar mysqli.
que tal jose una pregunta estoy usando jquery validate para validar unos campos y hasta el momento todo bien, tambien implemente el codigo para verificar el nombre de usuario existente en la base de datos y anda bien, el unico problema es que si el usuario existe el formulacio se ejecuta igual y no deberia me falta poner una condicion para devolver un RETURN o algo asi. desde ya muchas gracias…. adjunto el script.
PD: son 2 script diferentes aplicado al mismo formulario, se pueden unir los codigos logrando toda la validacion?
function verificar(){
$.ajax({type: «GET»,url:»vef.php»,data:»nick=»+$(«#nick»).val(),success:function(msg){
$(«#final»).html(msg);
$(‘input#»submit’).attr(‘disabled’, ‘disabled’);
}})
}
$(document).ready(function() {
$(«#ok»).hide();
var usuarioValido;
$.validator.addMethod(«regex»,function(value,element,regexp){
var re= new RegExp(regexp);
return this.optional(element) || re.test(value);
},»Solo caracteres alfanumericos»);
$(«#formulario»).validate({
rules: {
clave1: { required: true, minlength: 6 },
clave2: { required: true, minlength: 6, equalTo: «#clave1″},
nick: { required: true, minlength: 6, regex:»^[a-zA-Z0-9_]+$» },
nombre: { required: true, minlength: 2},
email: { required:true, email: true},
agree: {required: true}
},
messages: {
clave1: { required: «Por favor, introduzca su password», minlength: «Su clave debe tener mas de 6 caracteres» },
clave2: { required: «Por favor, introduzca de nuevo su password», minlength: «Su clave debe tener mas de 6 caracteres», equalTo: «Las password introducidas no son iguales» },
nick: { required: «Por favor, introduzca su nombre de usuario», minlength: «El usuario debe tener mas de 6 caracteres» },
nombre: «Debe introducir su nombre y apellido.»,
email: «Debe introducir un email válido.»,
agree: «Acepte nuestros Terminos de uso.»
}
});
});
————————————————————–
Y el PHP aca
include(«conect.php»);
$nick=$_REQUEST[‘nick’];
$sql=»SELECT `usuario` FROM `usuarios` WHERE `usuario`=’$nick'»;
$res=mysql_query($sql,$conec);
$total=mysql_num_rows($res);
$cadena = $nick;
$longitud = contar_cadena($cadena);
if($longitud==0){
}else{
if($longitud0)
{
// El usuario existe en la Base de Datos
echo «
Usuario ocupado o no disponible
«;
}
else
{
// Ese nick esta libre
echo «
Usuario Disponible
«;
}
}
}
?>
Excelente codigo.. lo estaba necesitando.. lo use y me funciono perfecto..
Puedo consultarte por un codigo que necesito ? calculo que con jquery va a andar
Saludos
Hola, estoy usando jquery para validar los campos de mi formulario pero cuando inserto tu codigo ya no me funciona el jquery, puedes ver porque ocurre esto, te anexo mi codigo.
$(document).ready(function() {
$(‘#Email’).blur(function(){
$(‘#Info’).html(»).fadeOut(1000);
var username = $(this).val();
var dataString = ‘username=’+username;
$.ajax({
type: «POST»,
url: «check_username_availablity.php»,
data: dataString,
success: function(data) {
$(‘#Info’).fadeIn(1000).html(data);
//alert(data);
}
});
});
$(«#ok»).hide();
$(«#formid»).validate({
rules: {
Email: { required:true, email: true, minlength: 4, maxlength:30},
Password: { required: true, minlength: 2, maxlength:15},
Password_again: {equalTo: «#Password»}
},
messages: {
Email : {
required : «Debe ingresar el email»,
email : «Debe ingresar un email valido»,
minlength : «EL email debe tener un minimo de 4 caracteres»,
maxlength : «EL email debe tener un maximo de 30 caracteres»
},
Password: {
required: «Debe ingresar el password»,
minlength : «EL password debe tener un minimo de 2 caracteres»,
maxlength : «EL password debe tener un maximo de 15 caracteres»
},
Password_again: «Deben ser iguales los passwords»
},
submitHandler: function(form) {
form.submit();
}
});
});
en vivo en http://www.tabinsoft.com/regente/sign-up.html
te falta insertar el plugin jquery validate en la página
Aun sigo sin resolver el problema.
Espero que pronto pueda ayudarme, muchas gracias..!!
Claudio
Estimado Jose, ante todo mi admiración por tus conocimientos y principalmente por tu sencillez y generosidad.
Apelando a esta ultima te muestro un código que tengo y quiero terminar de agregarle la excelente validación de este post.
CODIGO
function validateStep1(){
var isValid = true;
// Validate Username
var un = $(‘#username’).val();
if(!un && un.length <= 0){
isValid = false;
$('#msg_username').html('Complete Usuario').show();
}else{
$('#username').blur(function(){
$('#msg_username').html('’).fadeOut(1000);
var username = $(this).val();
var dataString = ‘username=’+username;
$.ajax({
type: «POST»,
url: «check_username_availablity.php»,
data: dataString,
success: function(data) {
$(‘#msg_username’).fadeIn(1000).html(data);
//alert(data);
}
});
});
$(‘#msg_username’).html(»).hide();
}
el código sigue pero con el agregado de tu código funciona muy bien, pero me faltaría algo. Al validar la existencia del nombre de usuario, necesitaría como ves en el código java, que me permita asignarle a la siguiente variable
var isValid = true;
si esta disponible o
var isValid = false;
si no lo esta. en verdad estoy tratando de hacerlo dentro del codigo q ya tengo pero no me doy cuenta como.
Felicitaciones y muchas gracias..!!
Claudio
que excelente aporte.. pero como hago para comprobar que el usuario este disponible y que ademas el correo no este registrado.. ya posteriormente que me mande a la siguiente pagina?? ayuuudaaaaa!!! porfaaavooooor!!!
Lo que tendrás que hacer es añadir más control en el archivo check_username_availablity.php. En el siguiente enlace tienes una función que te valida un email –> http://www.jose-aguilar.com/blog/validar-email-php/
Además tendrás que hacer una consulta a la base de datos para ver si existe el email que se está escribiendo.
Saludos
hola muy bueno tu articulo y funciona muy bien. tengo una duda. cuando me diga que el usuario existe como hago para bloquear los demás campos, se que con esto $(«#id_elemento»).attr(«disabled», «disabled»); puedo hacerlo. pero como haria la condicion en el jquery 🙂 .
Que nombre le colocaron a la base de datos y usaron privilegios de usuario y contraseña en mysql ??
El nombre de la base de datos del ejemplo es username_availablity
hola muy bueno el codigo, como le agrego que ademas del usuario me compruebe el email si existen..gracias saludos
Gracias. Me sirvio de mucho!
Amigo me interesa tu ejercicio, pero no esta el archivo de conexion a base de datos, y los enlaces de descargas que has colocado no funcionan!. Puedes colocar algunas de las dos opciones? Saludos
El enlace de descarga si funciona.
live-username-checking-all.rar
Muy buen aporte!
Muchas Graciassss!
quisiera que me brindaran el codigo de este mira http://www.jose-aguilar.com/scripts/jquery/live-username-checking/index3.php esque lo he intentado de todas formas y no me sale AYUDAAAAA
ya lo tengo solo me hace falta que si la contraseña y usuario son validos muestre el boton de iniciar sesion y me redireccione a una pagina
Hola, el siguiente enlace incluye todas las demos para descargar.
live-username-checking-all.rar
tengo esta funcion para checar disponibilidad de usuario, por favor si podrias checarlo y darme tu opinion:
var inputUsername = $(\"#username\");
var reqUsername = $(\"#req-username\");
function validateUsername(){
//NO tiene valores ingresados
if(inputUsername.val().length == 0){
reqUsername.removeClass(\"noshow\");
reqUsername.html(\"Enter a username\");
}
//NO cumple longitud minima
else if(inputUsername.val().length < 4){
reqUsername.removeClass(\"noshow\");
reqUsername.html(\"Minimum 4 characters\");
return false;
}
// SI longitud, NO VALIDO numeros y letras
else if(!inputUsername.val().match(/^[0-9a-zA-Z]+$/)){
reqUsername.removeClass(\"noshow\");
reqUsername.html(\"Only numbers and alphabetic chars\");
return false;
}
HASTA AQUI TODO BIEN NO HUBO PROBLEMAS
mi problema es aqui: quiero poner dentro de este condicional el codigo tuyo…
else if(QUE CONDICION RECOMIENDAS QUE PONGA AQUI){
$(\’#username\’).blur(function(){
$(\’#Info\’).html(\'<img src=\"loader.gif\" alt=\"\" />\’).fadeOut(1000);
var username = $(this).val();
var dataString = \’username=\’+username;
$.ajax({
type: \"POST\",
url: \"check_username_availablity.php\",
data: dataString,
success: function(data) {
$(\’#Info\’).fadeIn(1000).html(data);
}
});
});
}
// SI longitud, SI caracteres A-z, SI disponible
else{
reqUsername.addClass(\"noshow\");
return true;
}
}
tengo esta funcion para checar disponibilidad de usuario, por favor si podrias checarlo y darme tu opinion:
var inputUsername = $(«#username»);
var reqUsername = $(«#req-username»);
function validateUsername(){
//NO tiene valores ingresados
if(inputUsername.val().length == 0){
reqUsername.removeClass(«noshow»);
reqUsername.html(«Enter a username»);
}
//NO cumple longitud minima
else if(inputUsername.val().length < 4){
reqUsername.removeClass("noshow");
reqUsername.html("Minimum 4 characters");
return false;
}
// SI longitud, NO VALIDO numeros y letras
else if(!inputUsername.val().match(/^[0-9a-zA-Z]+$/)){
reqUsername.removeClass("noshow");
reqUsername.html("Only numbers and alphabetic chars");
return false;
}
HASTA AQUI TODO BIEN NO HUBO PROBLEMAS
mi problema es aqui: quiero poner dentro de este condicional el codigo tuyo…
else if(QUE CONDICION RECOMIENDAS QUE PONGA AQUI){
$('#username').blur(function(){
$('#Info').html('’).fadeOut(1000);
var username = $(this).val();
var dataString = ‘username=’+username;
$.ajax({
type: «POST»,
url: «check_username_availablity.php»,
data: dataString,
success: function(data) {
$(‘#Info’).fadeIn(1000).html(data);
}
});
});
}
// SI longitud, SI caracteres A-z
else{
reqUsername.addClass(«noshow»);
return true;
}
}
Perdona la ignorancia pero podrias explicarme que significa y que hacen las lineas de codigo en las que añado comentario:
$(document).ready(function() {
$(‘#username’).blur(function(){
$(‘#Info’).html(»).fadeOut(1000);
var username = $(this).val(); //que significa «this»
var dataString = ‘username=’+username; //para que se usa el dataString
$.ajax({
type: «POST»,
url: «check_username_availablity.php»,
data: dataString,
success: function(data) {
$(‘#Info’).fadeIn(1000).html(data);
}
});
});
});
gracias de antemano.
Hola buenos días,
var username = $(this).val(); //En esta caso lo que estamos haciendo es recuperar el valor del input en el que tengamos el cursor. El this hace referencia al elemento en el que esté tu cursor.
var dataString = ‘username=’+username; //La variable dataString es una variabla para construir los parámetros que le vamos a pasar al achivo php vía ajax. En el archivo «check_username_availabilti.php» te darás cuenta que estamos utilizando la variable username pasada con el método POST –> $_POST[‘username’].
Espero haberte aclarado,
saludos
Gracias muchas gracias. cuidese mucho y que dios lo bendiga. \"Estudiante de ing en sistemas computacionales\".
Gracias muchas gracias. cuidese mucho y que dios lo bendiga. «Estudiante de ing en sistemas computacionales».
Tengo el mismo problema para impedir que se envie el formulario cuando existe un usuario.He revisado todos los ejemplos, pero no puedo.Lo he intentado con este codigo que he escrito pero tampoco.
Si puedes compartir el codigo completo , te lo agradeceria un saludo.
codigo mio dentro del ajax:
success: function(data) {
$(\’#Info\’).fadeIn(1000).html(data);
var val=\’Disponible\’;
if ($(\’#Info\’).value==val)
{
return true;
}else
{
return false;
}
tengo el mismo problema para impedir que se envie el formulario cuando existe un usuario.He revisado todos los ejemplos, pero no puedo.Lo he intentado con este codigo que he escrito pero tampoco.
Si puedes compartir el codigo completo , te lo agradeceria un saludo.
codigo mio dentro del ajax:
success: function(data) {
$(‘#Info’).fadeIn(1000).html(data);
var val=’Disponible’;
if ($(‘#Info’).value==val)
{
return true;
}else
{
return false;
}
para que impidas que se envie el formulario, pues colocar una funcion por separado al boton en un jaca scrip que te valide que todos los campos esten completos.
if(document.(nombre de tu formulario).(nombre del texto a validar).value ==»»){
alert(«el campo esta vacio»);
}
else
{
document.(nombre del formulario).submit();
}
y asi validas los campos que quieras.
para que impidas que se envie el formulario, pues colocar una funcion por separado al boton en un jaca scrip que te valide que todos los campos esten completos.
if(document.(nombre de tu formulario).(nombre del texto a validar).value ==\"\"){
alert(\"el campo esta vacio\");
}
else
{
document.(nombre del formulario).submit();
}
y asi validas los campos que quieras.
hola jose buenas tardes quisiera hacerte 2 preguntas:
1-e aplicado la setencia de:
if($("#caja de texto").val().length > 1) {//si el campo no esta vacio
ejecuto el codigo jquery para la validacion de usuario
esto lo hago con el objetivo de evitar el mensaje de usuario disponible si el campo esta vacio pero nome funciona
}
2.- como hago para desactivar el boton si el usuario ya existe nota: ya cheque tu ejemplo incluido en la descarga index3 yno entiendo como desactivas el boton si el usuario ya existe ...
gracias de antemano dios te bendiga y gracias por compartir conocimiento :)
hola jose buenas tardes molestando otra vez tengo 2 dudas que no e podido resolver :
1- como verificar dentro del codigo javascript que el campo de texto no este vacio e intendado poniendo esto
if($(«#nombre»).val().length > 1) {
ejecutar codigo ajax..
esto lo hago para evitar el mensaje de usuario disponible cuando el campo esta vacio pero no me funciona como le hago 🙁
2.- como desactivo el boton enviar si el usuario ya existe (nota cheque el ejmplo del index 3y este no tiene nada distinto que evalue la acccion si el usario existe o no)
gracias de antemano espero me puedas ayudar..
hola,
1- Podrías probar con lo siguietne:
if($(‘#nombre’).val() != ») {
2- Para desactivar el botón deberás hacer algo como lo siguiente:
$(‘#id_button’).attr(‘disabled’, ‘disabled’);
pero se debe cambiar varias cosas extra de este tutorial tanto del archivo php como del success del ajax.
muchas gracias por la pronta respuesta jose aguilar aorita lo checo y gracias de nuevo buen dia 🙂
Felicidades por tu blog Jose Aguilar muy buenos ejemplos..solo tengo una duda sobre el codigo y quisiera resolverla: al dejar el campo vacio de la caja de texto de username muestra la leyenda de campo valido como hacer que eso no aparesca si queda vacio gracias de antemano buen dia 🙂
Lo mismo que le comenté al usuario anterior, solo faltaría hacer una condición antes de ejecutar el ajax, como por ejemplo:
if ($username != ”) {
//ejecución del ajax
}else{
alert(‘debe escribir un nombre de usuario’);
}
Puedes ver otra opción que podría resultar mejor aquí:
http://www.jose-aguilar.com/blog/controlar-campos-vacios-la-longitud-con-jquery/
muchas gracias por la pronta respuesta jose aguilar aorita lo checo y gracias de nuevo buen dia 🙂
Saludos Jose Tengo la Siguiente pregunta con respecto a este codigo no se si te daras cuenta que si el campo usuario esta vacio aun asi valida si exite oh no. ¿Como evito que me valide si el campo esta vacio? Gracias de Antemano
Solo faltaría hacer una condición antes de ejecutar el ajax, como por ejemplo:
if ($username != ») {
//ejecución del ajax
}else{
alert(‘debe escribir un nombre de usuario’);
}
Puedes ver otra opción que podría resultar mejor aquí:
http://www.jose-aguilar.com/blog/controlar-campos-vacios-la-longitud-con-jquery/
Estimado Jose, muy bueno el ejemplo, practico y entendible. Quisiera preguntarte, Siguiendo con tu ejemplo ¿Como se podria hacer para que el mensaje fuese un Alert y no dentro un DIV?
tan simple como sustituir la linea:
$(‘#Info’).fadeIn(1000).html(data);
por:
alert(data);
Muchas gracias por el aporte. Muy bueno, me ha sido muy útil.
Saludos!
Hola si quiese validar que el nombre introducido por el usuario difiere al menos en un 5% de otro existente ya en la base de datos como podría hacerlo?
En el archivo php de validación tendrás que ingeniártelas para verificar esa comprobación. Puede que editando la query y sino mediante script php
hola como podria hacer si tengo que verificar mas de un campo por ejemplo un codigo y un nombre. Gracias espero tu respuesta.
Tendrías que mirar de realizar la comprobación que corresponda a cada campo de la misma forma, tanto para el código como para el nombre.
me pasarias el codigo. Gracias
Buenas tarde amigo muy bueno el tuto lo trabaje y me funciono de mil amores, pero tengo un problemita trate de pasarlos a jsp. «ya que me encuentro realizando un aplicativo en jsp con mysql» y la verdad estoy por volverme loco, si pudieras darme una manito te agradecería demasiado.
muchas gracias…
Que tal amigo tengo una duda, como hago para que al momento de insertar una matrícula en ves del disponible, me aparescan los datos personales del usuario como lo hace con el <b>blur</b> saludos y espero puedas ayudarme
PD. felicidades por tu pagina me ha ayudado mucho
Que tal amigo tengo una duda, como hago para que al momento de insertar una matrícula en ves del disponible, me aparescan los datos personales del usuario como lo hace con el blur saludos y espero puedas ayudarme
PD. felicidades por tu pagina me ha ayudado mucho
Pues lo tienes fácil amigo,
Tan solo tienes que cambiar el código Ajax del jquery (pasándole como parámetro la matrícula) y en el archivo PHP realizar la consulta necesaria para obtener los datos personales del usuario de esa matrícula, luego tan solo lo muestra con el echo.
saludos,
Ahh pero no me lo inserta en la base de datos…..lo chequea al presionar el boton pero no lo inserta… como hago para que me ejecute el action del form??
Barbaro jose! Sos un capo! La ultima y no te jodo mas….vos sabes que yo lo aplique para el mail tambien y me anda joya…lo que probe hacer es poner el script en un archivo .js y linkearlo desde el pero no me funciono. Tiene que ir el codigo si o si dentro del . Te pregunto por cuestion de estetica nomas, para que no me quede tan cargado el de codigo y prefiero linkearlo…
Gracias de nuevo!
Sos un grande!!
Hola Jose, muy bueno el script! Anda de maravillas! Yo lo implemente en un formulario de registro y el tema es que me lo registra igual a pesar de avisarme que el usuario ya existe! Como hago para que no me ejecute el submit si el usuario existe??
Gracias capo…
Creo que en los comentarios ya tuvo el mismo problema otro usuario y programé lo siguiente que te podría ser de utilidad:
http://www.jose-aguilar.com/scripts/jquery/live-username-checking/index3.php
Sos un genio!! A Favoritos este sitio maestro!!!
Abrazo de gol!!!
hola estube mirando ese codigo y esta exelente quise tomar la idea solo que tengo un inconveniente como puedo hacer para que la consulta sea una consulta para muchos me explico mejor quiero adaptar esto para verificar datos de de articulos entonces sii el usuario del sistema ingresa q va a verificar 4 articulos en otra pantalla me desplegara 4 campos para ingresarlos al darlo al primero tab me despliega si existe o no y asi sucesivamente me imagino que se utiliza un ciclo for tanto en el formulario inicial como en el formulario donde se encuentra la consulta mi problema es con la parte de la consulta :s noc como hacer para que sea una consulta dinamica que trabaje con base al ciclo for si alguien amablemente me ayudara les estaria muy agradecido :S
No acabo de entender muy bien lo que pretendes explicarme pero según entiendo quieres que al verificar la existencia del usuario se desplegue 4 campos de los artículos? Me imagino que lo que quieres hacer lo debes hacer dentro del jQuery con la función html()
$(‘#campos’).html(‘‘).slideDown();
Algo asi
Te agradecería si explicaras detalladamente la parte de javascript y la de ajax.. (php lo entiendo xD)
ejemplo estos dos términos repetidos ¿de sonde salen y que hacen?:
var dataString = ‘username=’+username;
Mu bueno el articulo, te seguiré de cerca :d
Con el jquery y ajax lo que estamos haciendo es espeprar a que se escriba algo en el campo con id=“username” del formulario y al salirse del campo, es decir, al hacer el efecto blur, mostramos la imagen de cargando durante un segundo, obtenemos el valor del campo “username” y se lo pasamos mediante el método POST a un archivo PHP empleando la tecnología AJAX.
La variable dataString va relacionada con el método POST y la empleo para pasar los datos que se han escrito en el campo que estamos verificando al archivo PHP que es el que se encarga de observar en la base de datos si el usuario que se ha escrito existe o no. Esta variable es importante porque contiene la información escrita en el campo y si te fijas en el ajax tenemos el siguiente atributo;
data: dataString,
Llego el novato al que naa le sale xD
El problema que tengo es que la primera ves me carga la imagen del loader pero no imprime el mensaje de \"disponible\" o \"ocupado\" (ya revise la coneccion con la db y esta bien) y el segundo error que me pasa es que solo carga cuando saco el foco la primera ves cuando escribo otro titulo para el post \"en este caso\" ya no hace ni el intento de cargar de nuevo para comprobar :S ayuda
ok voy con el code que tengo:
<code>
<head>
<script type=\"text/javascript\" src=\"http://jqueryjs.googlecode.com/files/jquery-1.3.2.js\"></script>
<script type=\"text/javascript\">
$(document).ready(function() {
$(\’#titulop\’).blur(function(){
$(\’#check_t\’).html(\'<img src=\"http://…..loaders/loading32.gif\" alt=\"\" />\’).fadeOut(1000);
var titulop = $(this).val();
var dataString = \’titulop=\’+titulop;
$.ajax({
type: \"POST\",
url: \"http://…../title_RQS.php\",
data: dataString,
success: function(data) {
$(\’#check_t\’).fadeIn(1000).html(data);
}
});
});
});
</script>
</head>
<span class=\"input\">
<input type=\"text\" name=\"titulop\" id=\"titulop\" class=\"input-unstyled\" value=\"\" size=\"45\">
</span>
<div id=\"check_t\"></div>
</code>
Tengo eso en html y en php esto:
<code>
<?php
sleep(1);
require_once(\’../../../../../public_html/_config/core.php\’);
if($_REQUEST) {
$titulo = $_REQUEST[\’titulop\’];
$query = \"select * from xx_blog where titulo= \’\".strtolower($titulo).\"\’\";
$results = mysql_query($query) or die(mysql_error());
if(mysql_num_rows(@$results) > 0) {
echo \'<div id=\"Error\">Ya existe un post con este titulo</div>\’;
}
else {
echo \'<div id=\"Success\">Titulo Perfecto</div>\’;
}
}
?>
</code>
El código jquery lo veo correcto. Mira de realizar cambios en el archivo php como por ejemplo quitar la condición if($_REQUEST) { o puede que sea la versión jquery
Excelente aporte amigo, por personas como usted es que nosotros los programadores novatos aprendemos… gracias !!
buenisimo eso esta mas q de maravilla, felicitacion sigue adelante con tus aportes q la vdd ayudas a muchos principiantes como en mi caso mil gracias
buenisimo eso esta mas q de maravilla
Ese proceso es sencillo, lo interesante es desactivar el boton submit en caso de que quiera registrar ese nombre de usuario ya existente.
Hola amigo como desactivo el botón enviar en caso de que usuario este registrado, trabajando con la opción onBlur, gracias por el aporte esta muy claro el tuto.
Para desactivar el botón deberás añadir la siguiente linea de código dentro del onBlur:
$(‘input#id_button’).attr(‘disabled’, ‘disabled’);
Espero que te sirva,
Saludos
Je vais vraiment l’amour pour vous d’invités poster sur votre propre blog
Gracias, gracias, gracias. Me funcio a la perfecccion!!!!
Lo que tienen de malo las otras explicaciones que estan en internet es que no tienen el archivo adjunto para bajar. sin ese archivo con el codigo funcionando la explicacion esta por la mitad. por eso este articulo es muy bueno porque tiene la explicacion y el archivo adjunto.
Saludos.
Joaquin.-
Oye amigo puedes poner el codigo para descargar del ultimo ejemplo con boton que te ha solicitado el amigo Carlos, xfavor me urge…!
Hola Helder,
Siento la tardanza pero aquí te dejo un link con la descarga:
http://www.jose-aguilar.com/scripts/jquery/live-username-checking/live-username-checking.rar
Saludos
Amigo te agradeceria mucho si pusieras tu codigo completa para descargar, por favor, gracias espero tu respuesta…!
Que tal amigo yo de nuevo y molestando espero puedas ayudarme con esto como le hago para pasar una variable javascript a php te pongo el código:
$(document).ready(function() {
$(‘.boton’).click(function(){
var username = $(‘input#username’).val();
$(«.error»).remove();
if( username != «» ){
var dataString = ‘username=’+username;
$.ajax({
type: «POST»,
url: «cliente_validar_nni.php»,
data: dataString,
success: function(data) {
if(data===’Si se pudo’){
//Aquí es donde quiero que la variable username se pase a otro php donde la voy a mostrar como le puedo hacer???
window.location.href = ‘cliente_datos_personales.php?nni=’+username;
}else if(data===’No existe’){
$(«.nombre»).focus().after(«Su NNI o No de serie es incorrecto.»);
return false;
}
}
});
}else $(«.nombre»).focus().after(«Campo obligatorio.»);
return false;
});
});
Saludos amigo
deberas como puedes ver en:window.location.href = ‘cliente_datos_personales.php?nni=’+username;
pasa la variable por metodo GET el problema es que se ve en la url y por seguridad no quiero que sea asi de que otra forma puedo hacerlo saludos
Que tal amigp me gusto el codigo pero como le hago para al presionar un boton de enviar me valide y no al dejar el campo saludos
Hola Carlos que tal,
acabo de realizar los cambios necesarios para que funcione tal como comentas. Debes añadir un botón que al hacer click se realize el código jQuery
Lo puedes ver en la siguiente url:
http://www.jose-aguilar.com/scripts/jquery/live-username-checking/index3.php
Espero te sirva,
Saludos
Que tal amigo gracias por tu respuesta pero ahora tengo un problema bueno lo que yo intento hacer es validar una matricula que si no existe me marque el error de que la matricula no existe y si se encuentra disponible que me redirecione a otra archivo php donde llenara unos datos pero en este tiene que estar matricula impresa osea la tengo que pasar por metodo POST o que me recomiendas hacer??? lo intente con el ejemplo que me pasastes pero al estar correcto no me manda ala otra pag php se queda en la misma…
Disculpa las molestias y espero puedas ayudarme 😀
Hola Carlos,
Pues como solución veo que hagas una redirección en el jquery después de haber realizado la comprobación:
window.location = «url»;
Gracias amigo eso fue exactamente lo que hice ya me funciono 😀 gracias por todo tal ves tenga mas dudas y espero puedas ayudarme saludos y que estes bien