Buenas,
Pues recien me inicio en AJAX y me gustaria saber que estoy haciendo mal (valla sorpresa no!).
Bueno pues basicamente esto es lo que debe hacer el script:
1- El usaurio introduce texto.
2- El usuario sale del campo de texto (onblur).
3- Entra el codigo AJAX (javascript) y manda los valores al script PHP.
4- El script PHP valida y regresa una respuesta.
5- AJAX recive la respuesta de PHP y lo imprime al instante.
6- Se repite en varios campos.
7- Una vez que pasan todas las validaciones en cada campo (independiente cada uno) se envia el formulario.
Bien, esto es lo que tengo:
index.php
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<script>
function revisar(campo)
{
var http_request;
if (window.XMLHttpRequest) // Mozilla, Safari, ...
{
http_request = new XMLHttpRequest();
}
else if (window.ActiveXObject) // Internet Explorer
{
http_request = new ActiveXObject("Microsoft.XMLHTTP");
}
http_request.open("POST", "valida.php", true);
http_request.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
http_request.send(campo+"="+document.campo.value);
http_request.onreadystatechange = function()
{
if(http_request.readyState == 4)
{
if(http_request.responseText == 0)
{
document.write("<h1>Listo</h1>");
}
else
{
document.write("<h1>Error, Nombre Menor a 3 digitos</h1>");
}
}
}
}
</script>
</head>
<body>
<form action="#" enctype="multipart/form-data" method="post">
<input id="Nombre" name="Nombre" onblur="revisar('Nombre');" type="textbox" />
<input type="Submit" value="Enviar" />
</form>
</body>
</html>
y este es el valida.php
if(strlen($_POST['Nombre'])<3) return 0;
else
return 1;
Y eso no me esta generando absolutamente nada, alguien me puede ayduar con eso? Disculpen si es un poco tonto pero pues voy empezando y es lo que aprendi de ver algunos ejemplos.
Desde ya muchas gracias por su atencion y paciencia.