javascript - 验证失败时阻止表单提交

Question

验证失败时如何防止提交？我不知道要在 validateForm 函数中放入什么...我有这个表单:

<form action="ChangePassword" method="POST">  
    <input type="submit" value="Change Password" onclick="validateForm();"/>
</form>

以及 validateform 函数:

<script>
    function validateForm() {
        if(document.getElementById("passError").innerHTML !== "") {
            alert("There are some errors.");
            return false;
        }
    }
</script>

Answer 1

您需要从事件处理函数返回。

您目前仅从 validateForm 返回这是您从事件处理函数中调用的函数。

onclick="return validateForm();"

好的做法是:

• 在提交时执行检查，而不是仅在单击提交按钮时执行检查(即在表单上使用 onsubmit 而不是按钮上的 onclick)。
• 至 bind your event handlers with JavaScript而不是依赖于全局变量和内在事件属性