问题标签 [invisible-recaptcha]

我最近开始使用 Google 的 Recaptcha 新方法 - 他们新的 Invisible Recaptcha。我意识到这个版本的实现有点不同，因为您将recaptcha 属性直接附加到您的提交按钮，然后调用google 的recaptcha api 并开始验证过程。我所有这些工作都很好，但我遇到的一个主要问题是“受recaptcha 保护”徽章定位。

将 recaptcha 配置添加到我的提交按钮后，我开始在屏幕右侧看到徽章。根据其他网站的说法，这个徽章应该只是一个方形的 recaptcha 标志，直到它被悬停，然后它应该滑出成为我最初在我的网站上看到的大矩形。

这是我在实施不可见的recaptcha 后在我的网站上看到的图像。

这是包含 recaptcha 属性的提交按钮代码：

注意：其他data-badge选项如inline和bottomleft会导致相同的定位问题。

包含按钮的表单代码：

我遇到了这个 recaptcha 徽章的两个问题：

1. 徽章在其边界框/边框类型的东西之外出现故障
2. 在悬停之前，它也不会部分位于屏幕外，就像它应该的那样。在我用鼠标以任何方式与它交互之前，我看到了整个矩形。我应该看到方形徽标，直到我将鼠标悬停在它上面，它滑出成为完整的矩形。

基本上，我需要弄清楚如何正确定位它，以便它像预期的那样从屏幕外滑入，并正确包含在其边框内。

谷歌 Chrome 开发者工具告诉我，这些是徽章 div 的当前属性，在加载窗口时生成：

我非常感谢您提供的任何帮助！如果我认为需要徽章的想法有误，请纠正我，我将使用 CSS 强制将其删除，但是，我担心这可能会扰乱验证码验证过程并违反 Google 的政策。

我正在尝试通过谷歌实现新的隐形 recaptcha。

但我需要输入，应该在执行 recaptcha 之前验证表单。

我在这样的 recaptcha 回调函数上遇到错误：

未捕获的类型错误：document.getElementById() 提交不是函数

那么在执行验证和重新验证后如何提交表单？

HTML：

Javascript：

JSFiddle：http: //jsfiddle.net/dp1cLh28/6/

我正在尝试实现新的隐形 reCaptcha，但它不起作用。

首先，事件艰难我用“不可见”选项创建了一个新密钥，在我的应用程序中更改了密钥，当我查看控制台时，我可以看到这个请求：

https://www.google.com/recaptcha/api2/anchor ? k=.....

我认为这不是正确的api，对吗？

我的导入部分代码是这样的：

<script src="https://www.google.com/recaptcha/api.js" async defer></script>

根据文档，这是正确的...

其次，我选择将验证码放在一个 div 中（根据文档可以）：

<div id="captchaSignup" class="g-recaptcha" data-size="invisible" data-badge="inline"></div>

我还使用渲染函数来声明回调和站点密钥：

grecaptcha.render(document.getElementById('captchaSignup'), { 'sitekey' : '...', 'callback' : function(response) {$rs.validCaptcha=response;$s.$apply()} });

这可以用作验证码解决方案，但不能用作不可见的解决方案，因为它仍在显示框。我知道我也必须使用执行功能，但由于我仍然看到该框，我想我还没有处于那个阶段。.有人可以帮助我吗？

谷歌最近发布了隐形验证码。 https://www.google.com/recaptcha/intro/invisible.html

有没有办法在 AngularJS 的帮助下集成这个系统？

澄清这个问题与谷歌的常规 reCaptcha 无关。我在问 Invisible reCaptcha。以下是详细情况。

我的注册表单已经在使用 AngularJS。表单提交由 AngularJS 标准触发。隐形 reCaptcha 需要我给表单提交回调函数。这是令人困惑的部分。

我已经实施了 Google reCaptcha 并且工作正常。但是，我遇到了来自同一 IP 的多个请求后出现的图像选择问题。

google reCaptcha 图像选择框没有响应。它没有相对定位，也不会在调整页面大小时调整大小或移动。当页面调整大小时，甚至会出现滚动条，因为图像选择框会相应地调整大小。

有没有可能做出响应？

我正在尝试使用Google Invisible reCAPTCHA，但是g-recaptcha-response当我在同一页面中有多个表单时，它会发送空的 POST 参数。这是我的代码：

谷歌JS

表格 1

表格 2

我的 JS（基于这个答案]

当我提交其中一种表单时，g-recaptcha-response参数被发送为空，如下所示。

有人可以帮我把它付诸实践吗？

我添加了两个不可见的recaptcha div，但是当我在inspect 元素中看到代码时，我的单个页面中只添加了一个不可见的recaptcha。我的代码是：

从Programmatically invoke recaptcha获取参考

你能帮我做错什么吗？

I know this type of question has been asked before, but I couldn't get the answer. I have a contact form, and I want to implement the new Invisible Google Recaptcha. However, I have used an <input> rather than a <button> and I can't figure out how to do this. Here is my code for the contact form I have:

Then I have the google ReCaptcha button:

Any Help would be appreciated. Also, I was wondering if you could remove the ReCaptcha logo on the bottom right.

我有一个带有Bootstrap 验证器的注册表单。我想在提交表单之前验证 google INVISIBLE reCaptcha（客户端）。有一些例子（在客户端验证后调用不可见的 reCAPTCHA 挑战）。我试图改变这部分：

这不起作用，我不知道这是否是正确的方法。请建议如何加入隐形 reCaptcha 和 Bootstrap 验证器。感谢您的帮助。

我正在使用 Google 隐形验证码。有没有办法检测挑战窗口何时关闭？挑战窗口是指您必须选择一些图像进行验证的窗口。

我目前在按钮上放置了一个微调器，一旦单击按钮，就会呈现 recaptcha 挑战。无法提示用户使用另一个质询窗口。

我以编程方式调用渲染函数：

我有 2 个回调函数连接已验证和 resetRecaptcha 函数，如下所示：

我本来希望 grecaptcha.render 有另一个回调，当挑战屏幕关闭时调用，而用户没有通过选择图像来验证自己。