javascript - 为什么当我从 onsubmit 返回 false 时我的 HTML 表单仍然提交？

Question

我编写了一个简单的脚本来验证登录表单，如下所示:

<script type="text/javascript">
    function validateLoginForm(){
    var idV = document.forms["LoginForm"]["id"].value;
    var pwdV = document.forms["LoginForm"]["pwd"].value;

    if (idV == null || idV == "" || idV.length < 5) {
          alert("user ID must be filled and of more than 4 characters!!");
          id.focus();
          return false;
    }

    if (pwdV == null || pwdV == "" || pwdV.length < 5) {
        alert("Password must be filled and of more than 4 characters!!");
        pwd.focus();
        return false;
    }

    return true;
}
</script>

并将其命名为:

<form name="LoginForm" method="POST" onsubmit="return validateLoginForm()" action="Login" >
.
.
.
.
</form>

问题是 javaScript 在我正确设置时发出警报，但最后 Login servlet 也自动调用，这是错误的。为什么会这样？有什么解决办法吗？

Answer 1

重定向到登录发生是因为你有 js 错误。

您没有定义变量 id 和 psw。

所以当你尝试 id.focus() 或 psw.focus() - 你有 js 错误并默认返回 true

所以添加这段代码:

var id = document.forms["LoginForm"]["id"];
var pwd = document.forms["LoginForm"]["pwd"];
var idV = document.forms["LoginForm"]["id"].value;
var pwdV = document.forms["LoginForm"]["pwd"].value;