Dwie google captche na jednej stronie

Jeśli mamy na jednej stronie dwa formularze, w których chcemy zastosować captchę google musimy postępować zgodnie z poniższymi krokami. Wstawiamy w sekcji head kod do api. Ważne są parametry onload=myCallBack oraz render=explicit.

<script src="https://www.google.com/recaptcha/api.js?onload=myCallBack&render=explicit" async defer></script>
Ponadto w formularzach dodajemy pojemniki na captche.
<div id="recaptcha1"></div>

<div id="recaptcha2"></div>
Pozostało tylko dodać odpowiedni kod javascript renderujący obie captche.
<script>
      var recaptcha1;
      var recaptcha2;
      var myCallBack = function() {
        recaptcha1 = grecaptcha.render('recaptcha1', {
          'sitekey' : 'site key dla captchy 1',
          'theme' : 'light'
        });
        
        recaptcha2 = grecaptcha.render('recaptcha2', {
          'sitekey' : 'site key dla captchy 2',
          'theme' : 'light'
        });
      };
    </script>
Jeśli chcemy np. odświeżyć konkretną captchę musimy przekazać do funkcji obiekt captchy.
grecaptcha.refresh(recaptcha1);

Komentarze 0

Dodaj komentarz