javascript - ReCAPTCHA占位符元素必须是元素或ID

我在使用Google Recaptcha时遇到了一些问题。

我在同一个网站中但在不同的位置放了两个菜。


我像这样放置在页脚中：


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


我像这样与我们联系：


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

我请以前的所有脚本和代码

我在这里做了一个研究，但仍然无法正常工作。

感谢所有的帮助。

最佳答案

验证码标记后仅附加一次脚本