帶有警報的表單錯誤驗證

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>