Question

我使用了不可见的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>

我包括在内

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

，并且还添加了这段代码来呈现Recaptcha

    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});
};

使用此代码，我有3个带复选框的Recaptchas，不是不可见的。如果我添加参数'size'：'invisible'，则仅渲染并加载3个recapcha中的一个，第一个放置在代码中。

同一页上有多个不可见的Google Recaptcha

0 个答案: