Código Javascript :
$(document).ready(function(){ $('#nick').focusout( function(){ if($('#nick').val()!= "") { $.ajax( { type: "GET", url: "consulta.php", data: "nick="+$('#nick').val(), beforeSend: function() { $('#msgUsuario').html('<img src="/images/loader.gif"/> verificando'); alert($('#nick').val()); }, success: function(respuesta) { if(respuesta == 0) $('#msgUsuario').html("Disponible"); else if(respuesta == 1) $('#msgUsuario').html("No Disponible"); } }); } }); });
Archivo :consulta.php
Código PHP :
<?php require_once('Classes/cl.database.php'); $nick = $_GET["nick"]; $consulta = "select * from usuarios where username = '$nick' LIMIT 1"; $result = $bd->enviar_consultar($consulta); if($bd->num_rows($result)>0): $respuesta = 1; return $respuesta; else: $respuesta = 0; return $respuesta; endif; ?>
Código HTML :
<form id="frmRegistro"> <label> Nick: </label> <input type="text" id="nick" name="nick" value=""/><div id="msgUsuario"></div> <label> Nombre: </label> <input type="text" id="nombre" name="nombre"/> </form>
el html y el ajax lo tengo en el mismo archivo solo la consulta esta en otro archivo llamado consulta.php
gracias de antemado su ayuda.