Несколько невидимых Google Recaptcha на одной странице - PullRequest
Новая
       16

Несколько невидимых Google Recaptcha на одной странице

0 голосов
/ 05 марта 2019

Я использую невидимую Google Reaptcha 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-х рекапчей, первый, который помещается в код.

...