Problema javascript Ajax externo en html

theblackshyp · #1 (**permalink**) 18/03/2011, 15:16

Hola gente he buscado y leido sobre este problema q tengo, pero no he encontrado nada, quizas busque mal. La cosa es q no puedo lograr que se ejecute mi script.
A continuacion voy a poner mi codigo:

Código Codigo php:

Ver original<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>registro</title>
<script language="javascript" type="text/javascript" src="validaciones.js"></script>
</head>
 
<body>
<p>
<label id="usuario" style="display:block;width:145px;float:left">Usuario:</label>
<input id="inputcuenta" name="cuenta" onblur="javascript:validar_cuenta(this);" size="30" type="text" maxlength="25" title="Tu usuario unico, 6 a 25 caracteres" />
<label id="estadocuenta"></label><br/>
<label id="errorcuenta" style="width: 211px"></label>
</p>
</body>

esa es una parte de mi formulario, lo unico q llamo es a la funcion validar_cuenta. Ahora les muestro el js

Código validacionreg.js:

Ver originalfunction validar_cuenta(variable){
var varsa=variable.value;
var valcuenta = /^[-_\w]+$/i;
 
if(variable.value.match(valcuenta)){
    if(variable.value.length >= 6){
        ajax=CrearAjax();
        if (ajax==null){
        alert ("Tu navegador no soporta AJAX! No podras usar esta aplicación.");
        return;}
    var url="http://localhost/consulta_usuario.php"; 
    url=url+"?cuenta="+varsa; 
    ajax.open("GET", url, true);
    ajax.onreadystatechange=function(){
        if(ajax.readyState==1){
            document.getElementById("estadocuenta").appendChild(document.createTextNode(" Cargando..."));
        }else{
                if (ajax.readyState==4){
                    if(ajax.responseText == "fail"){
                    
                    document.getElementById('inputcuenta').style.color="red";
                    document.getElementById('inputcuenta').style.borderColor="red";
 
                    document.getElementById('errorcuenta').style.color="red";
                    document.getElementById('errorcuenta').style.fontWeight="bold";
                    document.getElementById('errorcuenta').innerHTML="Usuario ya registrado";
 
                    document.getElementById('estadocuenta').style.fontWeight="bold";
                    document.getElementById('estadocuenta').style.color="red";
                    document.getElementById('estadocuenta').innerHTML="FAIL";
                    
                    }else{
                    document.getElementById('inputcuenta').style.color="green";
                    document.getElementById('inputcuenta').style.borderColor="green";
 
                    document.getElementById('estadocuenta').style.color="green";
                    document.getElementById('estadocuenta').style.fontWeight="bold";
                    document.getElementById('estadocuenta').innerHTML="OK";
 
                    document.getElementById('errorcuenta').style.color="green";
                    document.getElementById('errorcuenta').style.fontWeight="bold";
                    document.getElementById('errorcuenta').innerHTML="Usuario Valido";}
                } 
             }
    }
    ajax.send(null);
}else{
document.getElementById('inputcuenta').style.color="red";
document.getElementById('inputcuenta').style.borderColor="red";
 
document.getElementById('errorcuenta').style.color="red";
document.getElementById('errorcuenta').style.fontWeight="bold";
document.getElementById('errorcuenta').innerHTML="Minimo 6 caracteres";
 
document.getElementById('estadocuenta').style.fontWeight="bold";
document.getElementById('estadocuenta').style.color="red";
document.getElementById('estadocuenta').innerHTML="FAIL";
}
}else{
document.getElementById('inputcuenta').style.color="red";
document.getElementById('inputcuenta').style.borderColor="red";
 
document.getElementById('errorcuenta').style.color="red";
document.getElementById('errorcuenta').style.fontWeight="bold";
document.getElementById('errorcuenta').innerHTML="Solo letras, numeros y guiones";
 
document.getElementById('estadocuenta').style.fontWeight="bold";
document.getElementById('estadocuenta').style.color="red";
document.getElementById('estadocuenta').innerHTML="FAIL";
}
 
}

esa es una parte del archivo js, las funciones que invoco(como crearAjax, tambien la variable ajax la defini de manera global) si se encuentran en el archivo js pero por falta de espacio no las pongo aqui.

Gracias.

IsaBelM · #2 (**permalink**) 18/03/2011, 15:33

lo he revisado mentalmente y no veo la razón por la que no funcione. tendrás que ser mas especifico. qué se supone que ha de hacer pero que no hace?? muestra algún error?? donde??

theblackshyp · #3 (**permalink**) 18/03/2011, 16:06

Cita:

Iniciado por IsaBelM

lo he revisado mentalmente y no veo la razón por la que no funcione. tendrás que ser mas especifico. qué se supone que ha de hacer pero que no hace?? muestra algún error?? donde??

hola gracias por responder, lo q tiene q hacer el codigo es validar el campo inputcuenta, la longitud, si esta mal me lo muestra en un label, q dice "FAIL", si esta bien me muestra "OK",

pero justamente eso es lo q no hace

theblackshyp · #4 (**permalink**) 18/03/2011, 16:08

ahora lo que pasa es q funciona en google chrome, pero no en firefox... nose que podria ser

theblackshyp · #5 (**permalink**) 18/03/2011, 16:12

disculpen por hacerles perder su tiempo, ya lo resolvi... use la consola de errores de firefox y m busco el error, simplemente habia colocado una variable q no existia, pero era en otra funcion, no en esta.
gracias isabel