javascript - 带有警报的表单错误验证

Question

我有一个函数，如果未填写表单“发生错误”，则会返回警报，如果所有字段均已填写，则警报为“表单提交成功”。我的问题是，如果出现错误，则会触发警报“发生错误”，当我填写不完整的字段并提交表单时，“发生错误”会再次触发，因为它已经存在于页面上。如何忽略已发出警报的任何当前错误或清除当前错误警报，以便我可以再次尝试验证表单？

非常感谢任何帮助。

这是我在 Salesforce Pardot 中构建的表单测试页面:http://go.esri.com/l/82202/2016-05-09/2jzdrk

<script>
function submitVerify() {
    var formError = document.querySelector("#pardot-form .errors").innerHTML;

    if (formError === "Please correct the errors below:") {
        alert("error has occured");
    } else {
        alert("Form submitted successfully");
    }
}
</script>

Answer 1

在发出错误警报之前，请清空错误字段，如下所示:

<script>
function submitVerify() {
    var formError = document.querySelector("#pardot-form .errors").innerHTML;

    if (formError === "Please correct the errors below:") {
        alert("error has occured");

        // <=== reset error message here
        document.querySelector("#pardot-form .errors").innerHTML = null;
    } else {
        alert("Form submitted successfully");
    }
}
</script>