javascript - 表单验证没有发生

Question

以下是我的表格:

<form name="login" method="post" action="AdminLoginCheck.jsp" onsubmit="return login()">
Enter your ID : <input type="text" name="master_admin_id" id="master_admin_id"><br>
Enter your Password : <input type="password" name="password" id="password"><br>
<input type="submit" value="Login">
</form>

我的表单验证 JavaScript 代码如下:

<script>
        function login()
        {
            var master_admin_id = document.login.master_admin_id;                
            var password = document.login.password;
            if(master_admin_id.value == "")
            {
            window.alert("Enter your ID!");
            return false;
            }
            if(password.value == "")
            {
            window.alert("Enter your password!");
            return false;
            }
            return true;
        }            
        </script>

然而，即使我按下提交而不输入字段...，它只是重新加载页面，表明输入的 ID 和密码与数据库中不匹配，因此要求再次输入...

可能是什么错误？

Answer 1

问题是 login 已经定义了。这是你的形式。因此，当您调用 return login() 时，它不会调用您的函数，而是尝试返回您的表单。

只需重命名函数(或表单)即可运行。