Возврат false из функции onsubmit не препятствует отправке формы

Question

После того, как я отправлю форму, форма будет игнорировать 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();">

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>