如何阻止Google reCAPTCHA显示警报?

时间:2017-10-20 11:02:12

标签: javascript html html5 recaptcha invisible-recaptcha

我在网站上有一些表格和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>

如何停止显示警报?

1 个答案:

答案 0 :(得分:3)

根据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
        }
    });