如何阻止Google reCAPTCHA显示警报？

Question

我在网站上有一些表格和Google隐形reCAPTCHA。有时会出现问题并显示警告：“无法联系reCAPTCHA。请检查您的连接，然后重试。”我试图通过覆盖警报功能来隐藏这些消息：

<script>
    var _alert = window.alert;
    window.alert = function(text) {
        if(text.indexOf("reCAPTCHA") === -1){
            _alert(text);
        }
        return true;
    };
</script>

但是，它不起作用。警报仍然显示。这是我用来调用reCAPTCHA的代码。我使用真正的网站密钥而不是MY_SITE_KEY：

<script>
    var widgetNewsletter;
    var widgetRegistration;
    var captchaCallback = function() {
        widgetNewsletter = grecaptcha.render('subscriptionSubmit', {
            'sitekey' : 'MY_SITE_KEY',
            'callback' : function() {
                document.getElementById("newsletter-validate-detail").submit();
            }
        });
        if(document.getElementById("registerFormSubmit") !== null) {
            widgetRegistration = grecaptcha.render('registerFormSubmit', {
                'sitekey' : 'MY_SITE_KEY',
                'callback' : function() {
                    document.getElementById("form-validate").submit();
                }
            });
        }
    };
</script>
<script src='https://www.google.com/recaptcha/api.js?onload=captchaCallback&render=explicit' async="false" defer></script>

如何阻止警报出现？

Answer 1

根据document，您可以在调用render()函数时传递错误回调。当reCAPTCHA遇到错误（通常是网络连接）时将执行错误回调，并且在连接恢复之前无法继续。所以你的代码看起来像这样

widgetNewsletter = grecaptcha.render('subscriptionSubmit', {
        'sitekey' : 'MY_SITE_KEY',
        'callback' : function() {
            document.getElementById("newsletter-validate-detail").submit();
        },
        'error-callback': function(){
          //show error message
        }
    });