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

验证失败时，如何防止提交此信息？我不知道要在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>

最佳答案

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

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

onclick="return validateForm();"

好的做法是：


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