问题标签 [react-google-recaptcha]

我尝试将元标记添加到标题：

但它没有用。

我尝试了这个选项，但仍然没有工作，因为兼容视图中没有 google.com。

谁能帮帮我？

我必须在我的网站登录页面上实现谷歌隐形验证码，如果用户登录尝试超过 5 次，应该显示验证码挑战（图像网格），但隐形验证码不显示图像网格，它很少显示.

我发现使用显式渲染 + 在 grecaptcha.render() 之后立即调用 grecaptcha.execute() 通常会触发来自此链接Force google recaptcha的挑战，我尝试过这样，因为当我再次渲染时，我们的登录是通过 ajax 调用发生的“ recaptcha 已在此元素上呈现”。有没有其他可能的方法来强制recaptcha 挑战？非常感谢您的回答

我有以下用于联系表单的 React 组件：

期望的行为

我正在使用react-google-recaptcha（https://www.npmjs.com/package/react-google-recaptcha）进行 Recaptcha 验证，并在提交按钮的顶部插入了组件：

onChange 函数应该设置state.verfied == true

因此，handledSubmit()如果 reCaptcha 完成并且表单在没有重新加载页面的情况下提交，则这部分会触发：

否则它应该呈现this.state.reply: "Please verify the ReCaptcha."在提交按钮上方。

它做了什么

提交按钮无需完成 reCaptcha 即可工作并提交表单。它将页面重新加载到http://localhost:8000/?name=Test&email=test&company=test&content=test&g-recaptcha-response=

我知道我使用状态的解决方法可能不是使用此模块的正确方法，但react-google-recaptcha文档没有提示如何正确地将验证与 reCaptcha API 集成。

很高兴对此提供任何支持。谢谢！

我正在尝试在我的网页上使用 Google Recaptcha。我不断收到错误消息

下面是屏幕截图：

下面是我的aspx页面代码：

下面是我的 aspx.cs 文件代码：

我下载的 GoogleRecaptcha 具有如下属性：

我为这个错误苦苦挣扎了好几个小时。任何帮助将不胜感激。

我正在使用 ReCAPTCHA 版本 V2。在回调函数（即data-callback）上，我收到以下错误消息。

ReCAPTCHA 找不到用户提供的功能：功能（响应）

现在，我在网上看到的大多数帖子/解决方案都与本地回调函数有关，当在g-recaptcha div的data-callback属性中引用时，该函数不会被调用。但是，就我而言，即使是内联函数也不会被调用。请看下面的图片。

截图 1：

事实上，当我在使用诸如 alert() 之类的 JavaScript 原生函数时，它仍然无法正常工作。

截图 2：

这是我正在使用的 JS 代码。

第一次尝试 - 回调函数：

第二次尝试 - 回调函数：

如果您能帮助我理解为什么 google API 以一种完全奇怪的方式响应，我将非常感谢您的帮助。

我对反应/钩子非常陌生，并且努力让 Google recaptcha 正常工作。

这就是我的app.js的样子：

这就是我的ConfirmationPage.js的样子：

当用户尝试在 txt_summary_email 文本字段中输入电子邮件值时会出现问题，验证码会重新呈现自身并失去其验证状态。换句话说，通过单击空框并尝试在文本字段中输入电子邮件来验证 Captcha，Captcha 将失去验证检查。

这是由于 handleEmailBlur 函数中的 setEmail(email) 造成的。如果我注释掉 setEmail(email)，Captcha 不会重新呈现自己。看起来 app.js 中的设置状态会以某种方式触发验证码重新加载。

触发 setState 时，如何防止重新渲染验证码？

非常感谢您的帮助！

使用react-google-recaptcha-v3执行

在某些浏览器上超时。我不确定根本原因是在回购（问题）还是上游，因为它只在某些浏览器配置中失败。非常感谢任何帮助。

一旦用户单击它，我正在尝试提升 reCAPTCHA 的值（使用react-google-recaptcha ）。我可以轻松获取该值，但无法将其发送到父组件。它抛出：

未捕获（承诺）：空

该值已在控制台中正确提示，但我无法发送它onChange功能。既不是像{value: 'hello', name: 'recaptcha'}.

我的onChange函数将参数解构为nameand value，这就是我举起这样一个对象的原因。

据我所知，它似乎与 Google 的 Recaptcha 的回调有关，但我不知道如何在 Gatsby/React 应用程序中绕过它。

注意：我使用 onExecute 函数保存响应令牌但不执行 onExecute 函数

我正在尝试使隐形react-google-recaptcha，Formik和yup一起工作。文档说我们应该调用recaptchaRef.current.execute()表单提交，但是如果我们同时使用 Formik 和 yup，它只会在所有字段都通过验证模式后触发提交逻辑。

基本上，我们需要调用该execute方法，更新recaptcha 值并使用相同的触发事件提交表单。我的问题正是：我必须使用两个事件（一个用于execute方法并更新recaptcha + 一个用于提交表单）。

检查此沙箱：https ://codesandbox.io/s/keen-mahavira-ont8z?file=/src/App.js

如您所见，表单仅在第二次单击提交按钮时提交...