ReCAPTCHA 占位符元素必须是元素或 id

Question

我对 google 重新验证有些问题。

我在同一个网站但在不同的位置放置了 2 个 recaptach。

1. 我在页脚中放置如下：

<div class="g-recaptcha" id="recaptcha1"></div>

2. 我通过以下方式联系我们：

<div class="g-recaptcha" id="recaptcha2"></div>

但它给我这个错误： ReCAPTCHA 占位符元素必须是元素或 id。

我的代码：

    <script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>

<script type="text/javascript">

    var recaptcha1;
    var recaptcha2;

    var onloadCallback = function() {
        //Render the recaptcha1 on the element with ID "recaptcha1"
        recaptcha1 = grecaptcha.render('recaptcha1', {
            'sitekey' : '*******', //Replace this with your Site key
            'theme' : 'light'
        });

        //Render the recaptcha2 on the element with ID "recaptcha2"
        recaptcha2 = grecaptcha.render('recaptcha2', {
            'sitekey' : '*******', //Replace this with your Site key
            'theme' : 'light'
        });

        grecaptcha.reset(recaptcha1);
        grecaptcha.reset(recaptcha2);
    };
</script>

我请将之前的所有脚本和代码都放在

我在这里进行了研究，但仍然无法正常工作。

感谢大家的帮助。

Answer 1

仅在验证码标签之后附上您的脚本一次