问题标签 [invisible-recaptcha]

我正在使用 react-google-invisible-recaptcha。但是当页面加载时它无法正常工作，即使互联网速度更快，它也会显示“无法联系 reCAPTCHA。检查您的连接并重试”之类的警报。我怎样才能使用 invisible-reCAPTCHA。有没有办法克服这个问题？

我有什么可能是一个非常基本的问题，但对 PHP 和表单创建很陌生，所以希望有人能帮助我。

尽管使用了蜜罐方法，但我们的网站上仍有垃圾邮件机器人不断提交单字段电子邮件表单，因此我希望使用 Google 的 Invisible reCaptcha 来对抗这种情况。

我正在按照这个有用的指南中的说明进行操作：https ://www.pinnacleinternet.com/installing-invisible-recaptcha/但是我遇到困难的是，在结果成功之后，我想采取通过表单提交的电子邮件地址，然后将其发布到第三方服务器（在本例中为我们的营销自动化工具 Pardot）。

这是 Invisible reCaptcha 代码：

前端

后端：

我之前曾使用下面的代码发布到 Pardot，但现在不清楚如何做到这一点，因为最初的帖子是发给 Google 而不是 Pardot。在 Invisible reCaptcha 成功确认后，我将如何发布到 Pardot？

我正在尝试制作一个简单的页面来进行不可见的 recaptcha 检查，如果成功，则会提醒收到的令牌。尽管进行了几次尝试，但我没有让它发挥作用。我做了一个最小的例子：

javascript 引擎错误提示“未定义 grecaptcha”。如果我将该行替换为

然后程序按预期运行，但是非常不稳定。我如何告诉 jQuery 实际等待 google recaptcha 代码完全加载？

我们在其中一个网站中集成了不可见的验证码。每当我们提交表单时，它都会自动提交。

我在一些谷歌群组中读到，当我们在边缘浏览器上访问时会遇到挑战。但对我们来说，它是自动提交的。

有什么具体步骤可以测试不可见的验证码吗？

我已经在我们的网站上实现了谷歌不可见的recaptcha，验证码工作正常，但是当recaptcha 弹出窗口变得可见并且我点击弹出窗口的父窗口（不在挑战弹出窗口中）时，弹出窗口消失并且注册帐户程序被锁住了。

我找不到一个钩子函数来通知我的验证码不见了！

任何人？谢谢

在此处输入图像描述

我正在使用 npm recaptcha 验证插件： https ://www.npmjs.com/package/recaptcha-verify

在我的反应应用程序中，我正在使用 https://www.npmjs.com/package/react-google-invisible-recaptcha

在我的节点应用程序代码的顶部：

然后可以正常发送电子邮件而无需重新验证的路线......

在表单中，使用 react 插件，我也在尝试遵循文档，目前看起来像这样。

onResolved 函数尝试验证 Recaptcha。this.testRecaptcha 是一个派发到我们的节点路由的函数，如上所示。在我控制台记录用户响应的那条路线中，我变得不确定。我认为这似乎是这里的主要问题。req 还将我表单中的所有项目作为 req.body 的一部分注销，但没有任何迹象表明 recaptcha 字段实际上存在。

当我检查从 recaptcha 组件输出的代码时，它看起来像这样：

（其中 sitekey 是实际的密钥——不是文本 'sitekey）

但是，我从 node.js 应用程序收到以下错误

{成功：假，'错误代码'：['无效输入响应']}

似乎我没有将 recaptcha 数据推送到 this.state.form 中，但我不确定需要将哪个对象推送到其中，或者这是否是问题所在。

有人对此有任何见解吗？有没有更简单的方法来验证不可见的验证码？几乎没有文档或工作示例与节点和反应在这里采取的每一步。希望有人可以帮助我和其他类似情况的人吗？

- - - - 编辑 - - - - - - - - - - - - - - - - - - - - - -------------

根据 trixn 的反馈，进行了这些更改，并且几乎可以正常工作...

和...

在节点后端：

但是...我现在收到此错误。解析对对象的响应时出错。AND“未指定默认引擎，也未提供扩展名。”

我经常遇到 Google 的隐形 recaptcha 的一些问题，它会显示一个带有错误消息的警报框，请参见下图。这很奇怪，因为它只发生在 1 个特定的登录页面上！

发送了 2 个请求。

第一个返回：

第二个：

当我第一次单击它时，通常会显示此消息，在第二次尝试后它通常会起作用。我的客户最初发现了这个错误，我认为这是因为他是从亚洲访问它，但昨天问题开始在英国发生在我身上，我认为是错误的！

我尝试了不同的浏览器，并且在所有浏览器中都遇到了相同的问题。此外，我已经清除了我所有的 cookie 等，以确保本地没有任何影响它，但所有这些东西似乎都没有帮助。

接下来我认为最好尝试不同的站点密钥，但它再次没有影响！

现在我完全感到困惑，因为它在我网站上的所有其他页面上都可以正常工作，除了那一页！

在 google recaptcha 网站上进行域注册后，我正在尝试在在线网站上实施 Google Invisible Recaptcha，我遵循了文档，但不起作用。发送表单时，显示警报错误：

这是我的代码（只有有趣的点），HTML/JS：

和contact.php文件：

我不明白什么是不正确的。感谢帮助！

如何在 jQuery 中使用 Invisible recaptcha？

这是 recaptcha 客户端示例：https ://developers.google.com/recaptcha/docs/invisible#render_param

但所有示例都使用 JavaScript，而不是 jQuery。

我尝试了很多次，如下所示：

但是，上面的代码不起作用：required属性和jQuery的$("#demo-form").submit();

该代码的其他变体也没有成功。

如何在 jQuery 中使用 Google 不可见的 recaptcha 和工作required属性？

在我的网页中，我通过调用函数来验证基于 Invisible Recaptcha 的表单grecaptcha.execute()。通常这对用户来说是不可见的；他们所看到的grecaptcha只是完成验证后触发的表单提交。

有时，不那么不可见的 Recaptcha 行为会被触发（例如，如果用户行为可疑），并向用户显示他们必须解决的常规验证码。发生这种情况时，我想以编程方式检测它。

是否可以在调用后以编程方式发现验证码是否显示给用户grecaptcha.execute()？

到目前为止，我已经尝试使用MutationEventsand来观察 DOM MutationObservers。不幸的是，所有有趣的事情都发生在 an 内部iframe，似乎无法判断是否显示了完整的验证码。

我不想测量grecaptcha调用我给它的回调需要多长时间，因为那是不可靠的（例如，缓慢的移动连接会扭曲结果）。

标记：

代码：