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

时间:2019-05-21 10:11:47

标签: javascript forms onsubmit

提交表单后,无论返回onsubmit还是true,表单都会忽略false,表单将直接进入表单操作。

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

这是我的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();">

1 个答案:

答案 0 :(得分:0)

用户名字段在代码中大小写错误

<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>