Google reCaptcha 的多个实例答案

【问题标题】：Multiple instances of Google reCaptchaGoogle reCaptcha 的多个实例
【发布时间】：2015-08-14 15:54:57
【问题描述】：

我在我的网站上使用了 google reCaptcha，我的登录和注册表单在同一个页面中，当我使用 reCaptcha 两次时，第二个验证码不起作用。

我使用此代码登录和注册表格：

<div class="g-recaptcha" data-sitekey="********"></div>

任何机构可以帮助我解决它？

https://www.google.com/recaptcha/

【问题讨论】：

标签： html recaptcha

【解决方案1】：

唯一的答案：你不能。

reCAPTCHA 无法做到这一点。任何时候一个页面都只支持一个 CAPTCHA。似乎同一页面上的多个表单必须共享一个验证码，除非您愿意使用不同的验证码。

您可以在一个页面上登录并在另一个页面上注册，因为这就是您所能做的。或者你可以use more JavaScript and load another CAPTCHA after the form is loaded。

【讨论】：

v1 可能是这样，但 reCaptcha v2 绝对支持！ @amirooper 的解决方案有效！

【解决方案2】：

通过使用以下代码，我解决了这个问题：

表格：

<div id="captcha"></div>

头：

var captchaCallback = function() {
    grecaptcha.render('captcha', {
        'sitekey' : ''
    });
};

</script>

<script src="//www.google.com/recaptcha/api.js?onload=captchaCallback&render=explicit&hl=en" async defer></script>

【讨论】：