Google reCaptcha 的多个实例

Question

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

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

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

任何人都可以帮我解决这个问题吗？

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

Answer 1

只能回答：不能。

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

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

Answer 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>