与JS侦听器略有不同。此外,在实际提交数据时,您从AJAX调用中得到的返回信息是否存在问题?您在响应处理程序中具有“ alert(“不工作”))'。您实际上在returntxt中得到了什么?
HTML
JS
document.getElementById("validationform").addEventListener("submit", function(event){
event.preventDefault();
var username = document.getElementById("username").value;
var password = document.getElementById("pass1").value;
var errormsg = document.getElementsByClassName("error-msg");
var userError = document.getElementsByClassName("userError");
var req;
if(username !="" && password !=""){
req = new XMLHttpRequest();
req.onreadystatechange = function(){
if(req.readyState==4 && req.status==200){
var returntxt = req.responseText;
if(returntxt.length=="20"){
alert("working");
}
else{
alert("not working");
return false;
}
}
};
req.open("POST","LoginCntrl",true);
req.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
req.send("username="+username+"&password="+password);
}
else {
this.querySelector(".error-msg").innerHTML = "Please enter username and password";
//return false;
}
});