JS验证失败，但表单提交

Question

我有以下形式的

<form action="login.php" method="post" onsubmit="return validateLogin()">
Username: <input type="text" autocomplete="off" name="usernameInput"><br>
Password: <input type="password" autocomplete="off" name="passwordInput"><br>
School:      <input type="text" name="schoolInput" autocomplete="off"><div id="erschool"></div>
<input type="submit" name="loginSubmit" value="login">
</form>

通过以下验证

function validateLogin() {
var passed = true;
if((document.getElementsByName("schoolInput")[0] == "") || (document.getElementsByName("usernameInput")[0] == "") || (document.getElementsByName("passwordInput")[0] == "") ){
document.getElementById("erschool").innerHTML = "Complete all fields";
passed = false;
}
return passed;
}

我尝试过将onsubmit移到onclick并将其放入输入中，但仍然一无所获。表单被提交，而验证不起任何作用。

帮助

Answer 1

document.getElementsByName("schoolInput")[0]为您提供了一个元素，而不是他的值。

document.getElementsByName("schoolInput")[0].value正是您所需要的。