hola a todos espero esten muy muy bien tengo un problema. etoy comenzando en el mundo php y necesito comprobar la existencia de un login de un formulario antes de enviarlo.
intente con el evento onblur para activar ajax y hacer la consulta pero no funciona.
Este es el codigo html
<tr>
<td><div align="right">LOGIN</div></td>
<td width="144" bgcolor="#FFFFFF">
<div align="left">
<input name="login" type="text" id="login" maxlength="8" onBlur="compruebalogin(login);">
</div></td>
<td width="97"><div class="mensaje" id="error"></div></td>
</tr>
codigo jascript ajax
//comprueba el navegador para el uso de ajax
function nuevoAjax()
{
/* Crea el objeto AJAX. Esta funcion es generica para cualquier utilidad de este tipo, por
lo que se puede copiar tal como esta aqui */
var xmlhttp=false;
try
{
// Creacion del objeto AJAX para navegadores no IE
xmlhttp=new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e)
{
try
{
// Creacion del objet AJAX para IE
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(E) { xmlhttp=false; }
}
if (!xmlhttp && typeof XMLHttpRequest!="undefined") { xmlhttp=new XMLHttpRequest(); }
return xmlhttp;
}
function compruebalogin (ellogin)
{
//para enviar un mensaje
var divMensaje=document.getElementById("error");
boton.disabled=true; input.disabled=true;
var ajax=nuevoAjax();
ajax.open("POST", "comprobar.php", true);
ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
ajax.send(ellogin.value);
ajax.onreadystatechange=function()
{
if (ajax.readyState==4)
{
// Habilito nuevamente botones e inputs
input.value="";
boton.disabled=false; input.disabled=false;
// Muestro el mensaje enviado desde el servidor
divMensaje.innerHTML=ajax.responseText;
}
}
}