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.