带有警报的表单错误验证

Form Error Validation with alert

本文关键字：错误 验证 表单 有警      更新时间：2023-09-26

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

任何帮助都非常感谢。

这是我在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>

在提示错误之前，清空errors字段，如下所示:

<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>
相关文章：