8

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

如何阻止警报出现？

4

1 回答 1

3

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

widgetNewsletter = grecaptcha.render('subscriptionSubmit', {
        'sitekey' : 'MY_SITE_KEY',
        'callback' : function() {
            document.getElementById("newsletter-validate-detail").submit();
        },
        'error-callback': function(){
          //show error message
        }
    });
于 2018-02-16T16:53:49.660 回答