javascript - 如何阻止 Google reCAPTCHA 显示警报？

Question

我在网站上有一些表格和谷歌不可见的验证码。有时会出现问题并显示警告:“无法联系 reCAPTCHA。请检查您的连接并重试。”。我试图通过覆盖警报功能来隐藏这些消息:

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

但是，它不起作用。警报仍然显示。 这是我用来调用 reCAPTCHA 的代码。我使用真实站点 key 而不是 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
        }
    });