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

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

重置recaptcha似乎工作正常,客户能够重新调用“我不是一个机器人”框并继续,但重新重新调用后,页面上的滚动操作导致大量的TypeError:a是recaptcha_en.js中的null javascript错误.

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

解决方法

有一个相同的问题,我发现有用的一切是recapthca试图加载旧版本或东西(我不能重现但我在某些情况下得到另一个版本的验证码)…和另一个与模态窗口有关的想法我的recaptcha显示相同的行为.

顺便说一句:不仅滚动事件触发器错误垃圾邮件,而且任何窗口也重新调整大小.

我希望这一切都有所帮助.

javascript – Google reCaptcha 2 TypeError:调用grecaptcha.reset后a为null的更多相关文章

  1. 联系人表单的php代码无法与Google ReCaptcha一起通过电子邮件发送

    我正在使用php联系表单和GooglereCAPTCHA通过电子邮件发送表单数据但它不起作用我正在使用GooglereCAPTCHA版本2这是html代码我正在使用php

  2. php – 如何验证Google Recaptcha V3响应

    如何在客户端和服务器端中集成GooglereCAPTCHA版本3.以下代码用于显示recaptcha,但它不能正常工作.如何进行这种集成.Verify.PHPPHP你可以为每个请求指定动作名称(create_post,update_post,create_comment……

  3. php – Recaptcha未使用file_get_contents进行验证

    对于为什么这不起作用感到困惑.提交表单时,我收到错误消息,这意味着我的重新验证失败.从我的形式:PHP:reCaptcha文档专门指定必须通过POST发送对https://www.google.com/recaptcha/api/siteverify的请求的参数.您可以使用CURL.

  4. php – 覆盖谷歌recaptcha css使其响应

    我安装了GoogleRecaptcha在一个网站所以不提供任何WP插件或Joomla扩展:)我的问题是,网站是响应和recaptcha不是.当我使用Firebug找到它的样式,我意识到不仅Google提供的库不包含css文件,我不能在我的custom-styles.css文件中覆盖它们,因为Google非常周到地应用了!

  5. PHP形成谷歌reCAPTCHA

    Google的recaptcha文档并没有像我想象的那样有用,这有点奇怪.我被要求采用当前现有的表格(每天发送几次垃圾邮件)并使用Google的新回程更新.旧的验证码有很多教程,但对于新的验证码却没有那么多.我基本上只想要一个简单的表单来捕获名称,电子邮件,消息,然后用recaptcha替换我当前的“反机器人字段”(我使用的字段基本上问你22是什么,如果你输入任何东西,但4,它不会发送).如果必填

  6. php – ReCaptcha总是要求额外验证?

    对于一个项目,我最近安装了新的2.0版ReCaptcha.我将密钥和秘密添加到开发人员面板,并在我的表单中安装了小部件.它工作得很好,但有一个小问题:Captcha总是要求第二次验证.对于用户来说,如果他们只看到绿色标记,那么这对用户来说很好,但是点击了Captcha后,它会附带额外的图片验证…谷歌不信任我的IP?

  7. reCAPTCHA Ajax API自定义主题不起作用

    我看不出我哪里出错了.我已经尝试了我能想到的一切,reCAPTCHA只是没有使用AjaxAPI.这是我的代码的样子:对我有用吗?

  8. 打字稿 – Angular 2 Recaptcha 2回调

    目前我正在尝试在Angular2Typescript中使用GoogleRecaptchav2.我在注册表单中使用它.假设我有一个包含以下内容的表单:在我的Signup类中,我使用以下代码在名为displayRecaptcha()的方法中显示小部件:使用上面的代码,我能够显示recaptcha,但我只能使用在Javascript中定义的verifyCallback()来运行回调.因为我正在使用Typescript,无论如何使用Signup类中定义的方法而不是Javascript来使回调运行?我不认为您将能够

  9. angularjs – 动态更改Recaptcha V2语言

    我试图在角度站点上实现RecaptchaV2.我正在使用angulartranslate,我不知道如何使用$scope提供的正确语言重新生成reCaptcha对象有什么办法吗?谢谢根据API的限制,您可以动态加载脚本:加载脚本的功能注意:这是一个常规的JS函数动态加载脚本在你的Angular控制器中使用angular-translate-localStorage使用当前语言初始化验证码切换语言的功能样本或者你可以使用观察者

  10. javascript – 更改新的“无人机验证系统”的字体

    新的reCAPTCHA真棒几乎一切都很棒,除了一件事情.它的字体.使用不支持其他语言的字体相当愚蠢.我的网站是希伯来语,reCAPTCHA显示的字体很糟糕.我该怎么改呢?是否可以编辑iframe的CSS(跨域)?

随机推荐

  1. js中‘!.’是什么意思

  2. Vue如何指定不编译的文件夹和favicon.ico

    这篇文章主要介绍了Vue如何指定不编译的文件夹和favicon.ico,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

  3. 基于JavaScript编写一个图片转PDF转换器

    本文为大家介绍了一个简单的 JavaScript 项目,可以将图片转换为 PDF 文件。你可以从本地选择任何一张图片,只需点击一下即可将其转换为 PDF 文件,感兴趣的可以动手尝试一下

  4. jquery点赞功能实现代码 点个赞吧!

    点赞功能很多地方都会出现,如何实现爱心点赞功能,这篇文章主要为大家详细介绍了jquery点赞功能实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  5. AngularJs上传前预览图片的实例代码

    使用AngularJs进行开发,在项目中,经常会遇到上传图片后,需在一旁预览图片内容,怎么实现这样的功能呢?今天小编给大家分享AugularJs上传前预览图片的实现代码,需要的朋友参考下吧

  6. JavaScript面向对象编程入门教程

    这篇文章主要介绍了JavaScript面向对象编程的相关概念,例如类、对象、属性、方法等面向对象的术语,并以实例讲解各种术语的使用,非常好的一篇面向对象入门教程,其它语言也可以参考哦

  7. jQuery中的通配符选择器使用总结

    通配符在控制input标签时相当好用,这里简单进行了jQuery中的通配符选择器使用总结,需要的朋友可以参考下

  8. javascript 动态调整图片尺寸实现代码

    在自己的网站上更新文章时一个比较常见的问题是:文章插图太宽,使整个网页都变形了。如果对每个插图都先进行缩放再插入的话,太麻烦了。

  9. jquery ajaxfileupload异步上传插件

    这篇文章主要为大家详细介绍了jquery ajaxfileupload异步上传插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  10. React学习之受控组件与数据共享实例分析

    这篇文章主要介绍了React学习之受控组件与数据共享,结合实例形式分析了React受控组件与组件间数据共享相关原理与使用技巧,需要的朋友可以参考下

返回
顶部