从 onsubmit 函数返回 false 不会阻止表单提交

Question

我提交表单后，表单会忽略onsubmit，不管return是true还是false，表单会直接进入form action。

我想验证输入，如果输入为空，它将保留在同一页面上并弹出警报。

这是我的JavaScript

<script>
    function validLogin() {
        if (document.login.username.value == "") {
            alert("Please enter Login Name.");
            document.loginform.userName.focus();
            return false;
        }
        if (document.login.password.value == "") {
            alert("Please enter password.");
            document.userform.password.focus();
            return false;
        }
        alert("Welcome User");
        return true;
    }
</script>

这是我的表格

<form action="Login" method="post" name="login" onsubmit="return validLogin();">

Answer 1

userName 字段在代码中大小写错误

<script>
    function validLogin() {
        if (document.login.username.value == "") {
            alert("Please enter Login Name.");
            document.login.username.focus();//Here
            return false;
        }
        if (document.login.password.value == "") {
            alert("Please enter password.");
            document.login.password.focus();
            return false;
        }
        alert("Welcome User");
        return true;
    }
</script>

从 onsubmit 函数返回 false 不会阻止表单提交

Returning false from onsubmit function doesn't prevent form from submitting

javascript

forms

onsubmit