Inabilitar/Habilitar submit mediante ajax , y error ajax

[ShadowRock]

Hola como les va? , miren tengo una verificacion de usuarios en la cuál quiero que:
Si el usuario esta disponible : el submit se HABILITE.
Si el Usuario esta usado: el submit se INHABILITE

pero tengo un error , Cuando empiezo a escribir un nombre de usuario al estar disponible por ejemplo : a , ya me habilita el submit , pero cuando termino de escribir : albin y ese usuario esta usado el submit sigue estando habilitado y me muestra que ese usuario esta disponible cuando no lo esta.


index.php

Código Javascript:

<script src="Verificar.js" type="text/javascript" language="javascript"></script>
 

Código HTML:

Usuario:<br />
<input type="text" name="Usuario" onkeyup="Comparar(); return true;" id="Usuario" placeholder="Elije tu nombre de Usuario" required="required">
<div id="Estado"></div><br />
<input type="submit" name="Envio" id="Envio" value="Ingresar" disabled="disabled" />
 

Verificar.js

Código Javascript:

function Comparar(){
    
    /* Variable ajax */
    var ajax = new XMLHttpRequest();
    
    /* Valor del input */
    var Valor = document.getElementById('Usuario').value;
 
    /* Estados */
    ajax.onreadystatechange = function(){
        
        /* Si se esta prosesando */
        if(ajax.readyState==1 || ajax.readyState==2 || ajax.readyState==3){
            document.getElementById('Estado').innerHTML='Se esta determinando la validacion...';}
            
        /* Si ya termino de cargar */   
        if(ajax.readyState==4){
            
            /* Si el usuario esta disponible */
            if(ajax.responseText==0){
                document.getElementById('Estado').innerHTML='El Usuario esta disponible';
                document.getElementById('Envio').disabled = false;
                }
            
            /* Si el usuario esta usandose */   
            if(ajax.responseText==1){
                document.getElementById('Estado').innerHTML='El Usuario esta en uso';
                document.getElementById('Envio').disabled = true;
                }
        }
    }
    
        /* Abriendo Pagina */
        ajax.open("POST","Verificar.php?Usuario"+Valor,true);
        ajax.send(null);
}
 

Verificar.php

Código PHP:

<?
// --- Conexion mysql ---
$Conexion = mysql_connect('localhost','root','lamocosa');
mysql_select_db('ajax',$Conexion);
 
// --- Variable ---
$Usuario = $_GET['Usuario'];
 
// --- Consulta ---
$Consulta = mysql_query("SELECT * FROM usuarios");
 
 
// --- While --- 
while($Campo = mysql_fetch_assoc($Consulta) ){
if($Campo['Usuario'] != $Usuario ){
    print 0;
    }else{
    print 1;
        }
    }
// --- Cerrar Mysql ---
mysql_close($Conexion);
?>
 

AGRADEZCO DE ANTE MANO A LOS QUE PUEDAN APORTAR ALGUNA SOLUCION ! Y A LOS QUE NO TAMBIEN :D

[maycolalvarez]

falta verificar ajax.status == 200, consulte un manual de AJAX.

PD: es el error más común en novatos de ésta técnica

2 - muchas veces, desde el server se envían caracteres invisibles, complicando comparar del lado del cliente, puede usar funciones equivalentes a trim() o en su caso parseInt(ajax.responseText)

[ShadowRock]

Iniciado por maycolalvarez

falta verificar ajax.status == 200, consulte un manual de AJAX.

PD: es el error más común en novatos de ésta técnica

2 - muchas veces, desde el server se envían caracteres invisibles, complicando comparar del lado del cliente, puede usar funciones equivalentes a trim() o en su caso parseInt(ajax.responseText)

Sigo en la misma.

Código Javascript:

function Comparar(){
    
    /* Variable ajax */
    var ajax = new XMLHttpRequest();
    
    /* Valor del input */
    var Valor = document.getElementById('Usuario').value;
 
    /* Estados */
    ajax.onreadystatechange = function(){
        
        /* Si se esta prosesando */
        if(ajax.readyState==1 || ajax.readyState==2 || ajax.readyState==3){
            document.getElementById('Estado').innerHTML='Se esta determinando la validacion...';}
            
        /* Si ya termino de cargar */   
        if(ajax.readyState==4 && ajax.status==200){
            
            /* Si el usuario esta disponible */
            if(parseInt(ajax.responseText)==0){
                document.getElementById('Estado').innerHTML='El Usuario esta disponible';
                document.getElementById('Envio').disabled = false;
                }
            
            /* Si el usuario esta usandose */   
            if(parseInt(ajax.responseText)==1){
                document.getElementById('Estado').innerHTML='El Usuario esta en uso';
                document.getElementById('Envio').disabled = true;
                }
        }
    }
    
        /* Abriendo Pagina */
        ajax.open("POST","Verificar.php?Usuario"+Valor,true);
        ajax.send(null);
}