javascript - Google reCaptcha 2 TypeError : a is null after calling grecaptcha. 重置

Question

我有一个基于 AJAX 的注册页面，它可以在客户端和服务器上进行验证。

当服务器端验证失败时，AJAX 将错误返回到屏幕并尝试使用 grecaptcha.reset() 重置 recaptcha。

重置验证码似乎工作正常，客户可以重新勾选“我不是机器人”框并继续，但是在重置验证码后，页面上的滚动操作会导致大量类型错误: a is null javascript recaptcha_en.js 错误。

TypeError: a is null
https://www.gstatic.com/recaptcha/api2/r20151104115408/recaptcha__en.js
Line 50

代码(简化):

var recaptcha1;
var onRecaptchaLoad = function () {
    recaptcha1 = grecaptcha.render('gRecaptcha', {
        'sitekey': 'my site key',
        'callback': CaptchaResponse
    });
};

$.ajax({
type: "POST",
url: "SaveDetails",
contentType: "application/json; charset=utf-8", 
dataType: "json",
data: data,
cache: false,
success: function (result) {
    if (result != null) {
        if (result.d.Success) {
            //success
        }else{             
            grecaptcha.reset(recaptcha1);
        }
     }
}
});

Answer 1

有一个同样的问题，我发现所有有用的思考是 recapthca 正在尝试加载旧版本或其他东西(我无法重现但在某些情况下我得到了另一个版本的验证码)...和另一个与相关的想法我的验证码显示相同行为的模态窗口。

顺便说一句:不仅滚动事件触发错误垃圾邮件而且任何窗口大小调整也是如此。

希望以上内容对您有所帮助。