Hola!!
Me encuentro realizando una validacion con ajax y jsp en netbeans, no me marca error pero tampoca hace la validacion solo me muestra la etiqueta y el boton al presionar el boton tendria que realizar una consulta a la base datos para verificar si existe el usuario, mostrar el mensaje de usario valido o invalido, me podrian decir que me falta o donde esta mi error, este es mi jsp:
Código:
<%@ page language="java"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>JSP Page</title>
<script>
var req;
function validate() {
var idField = document.getElementById("userid");
var url = "validate?id=" + encodeURIComponent(idField.value);
if (typeof XMLHttpRequest != "undefined") {
req = new XMLHttpRequest();
} else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
}
req.open("GET", url, true);
req.onreadystatechange = callback;
req.send(null);
}
</script>
<script>
function callback() {
if (req.readyState == 4) {
if (req.status == 200) {
parseMessage();
}
}
}
</script>
<script>
function parseMessage() {
var message = req.responseXML.getElementsByTagName("message")[0];
setMessage(message.childNodes[0].nodeValue);
}
function setMessage(message) {
var mdiv = document.getElementById("userIdMessage");
if (message == "invalid") {
mdiv.innerHTML = "<div style=\"color:red\">Invalid User Id</ div>";
} else {
mdiv.innerHTML = "<div style=\"color:green\">Valid User Id</ div>";
}
}
</script>
</head>
<body>
<h1>Prueba de Ajax</h1>
<input type="text"
size="20"
id="userid"
name="id">
<input type="button" value="Aceptar" onchange="validate();" >
<div id="userIdMessage"></div>
</body>
</html>
Espero me puedan ayudar