用戶通過驗證后，刪除reCaptcha的HTML5自定義錯誤消息

Question

我正在嘗試基於以下答案： https : //stackoverflow.com/a/37048027

答案有效，但我想輸入自定義HTML5驗證錯誤消息，因此將javascript擴展為：

 window.onload = function() {
    var $recaptcha = document.querySelector('#g-recaptcha-response');
    if($recaptcha) {
        $recaptcha.setAttribute("required", "required");
        $recaptcha.setAttribute("oninvalid", "this.setCustomValidity('Please fill in the reCAPTCHA field.')");
        $recaptcha.setAttribute("oninput", "this.setCustomValidity('')");
    }
};

問題是，如果僅顯示一次驗證錯誤，則始終在之后顯示，並且永遠不會消失。 我嘗試添加oninput，onvalid和onchange，但是在最初顯示之后，似乎無法使錯誤消息消失。

Answer 1

您可以根據此規范通過將novalidate添加到form元素來禁用HTML5表單驗證。

例如

<form action="..." onsubmit="check_if_capcha_is_filled" novalidate>