Javascript 同一页面上有多个不可见的google recaptcha

我使用不可见的google recaptcha v.3 在同一页上，我有3种不同的表格

在表单的提交按钮之前，我添加了一个div

<div class="g-recaptcha-contact" data-sitekey="XXXXXXX" id="RecaptchaField1"></div>
<div class="g-recaptcha-contact" data-sitekey="XXXXXXX" id="RecaptchaField2"></div>
<div class="g-recaptcha-contact" data-sitekey="XXXXXXX" id="RecaptchaField3"></div>

使用这段代码，我有3个带有复选框的recaptchas，而不是不可见的。

---

如果我添加参数'size'：'invisible'，则只渲染和加载3个recaptchas中的一个，第一个放在代码中。

请澄清问题所在？为什么你需要3个重新验证码？我在同一页上有3个不同的表单，我想在所有表单中都包含recaptcha。问题在于，recaptcha仅在其中一种情况下显示和工作。recaptcha与服务器上的会话相关。如果您调用3次重新验证码，则服务器值将更改。使用单一重新验证码。使用不同的名称调用您的验证码回调3次。您能澄清问题吗？为什么你需要3个重新验证码？我在同一页上有3个不同的表单，我想在所有表单中都包含recaptcha。问题在于，recaptcha仅在其中一种情况下显示和工作。recaptcha与服务器上的会话相关。如果您调用3次重新验证码，则服务器值将更改。使用单一重新验证码。使用不同的名称调用您的验证码回调3次

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

    var CaptchaCallback = function() {
    var widgetId1;
    var widgetId2;
    var widgetId3;
    widgetId1 = grecaptcha.render('RecaptchaField1', {'sitekey' : 'XXXXXX', 'callback' : correctCaptcha_quote});
    widgetId2 = grecaptcha.render('RecaptchaField2', {'sitekey' : 'XXXXXX', 'callback' : correctCaptcha_contact});
widgetId3 = grecaptcha.render('RecaptchaField3', {'sitekey' : 'XXXXXX', 'callback' : correctCaptcha_reg});
};