新建ReCaptcha（不可见）不工作

Question

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

首先，事件困难我已经用“隐形”选项创建了一个新的键，在我的应用程序中更改了键，当我在控制台中查看时，我可以看到这个请求：

根据医生的说法是对的...

第二，我选择将验证码放在一个div中（根据文档这是可以的）：

这是一个验证码解决方案，但不是不可见的解决方案，因为它仍然显示框。我知道我也必须使用execute函数，但由于我仍然看到框，我认为我还没有进入那个阶段…有人能帮我吗？

Answer 1

在“不可见”的recaptcha的情况下，grecaptcha.render()api接受第三个可选的布尔参数，称为inherit，并且默认值为false。如果其值指定为true，则只有recaptcha才会使用.g-recaptcha元素上的现有data-*属性，用于在render()的选项中未指定的参数，否则将视为缺少该参数。

由于您传递的参数不是true值，因此它永远不会读取HTML元素上的data-size=“invisible”值，从而将其呈现为可见的recaptcha。

试试看：

grecaptcha.render(document.getElementById('captchaSignup'), {
                    'sitekey' : '...',
                    'callback' : function(response) { ... }
                  }, true);       // <-- this is the change. Pass "true" here