Кілька reCaptcha на одній сторінці

Рейтинг користувача: 5 / 5

Активна зіркаАктивна зіркаАктивна зіркаАктивна зіркаАктивна зірка
 

Використовувати кілька reCaptcha 2 на одній сторінці неможливо. Але що робити, якщо сторінка містить кілька форм і вставити в кожну reCaptcha просто необхідно?

Вихід з цієї ситуації існує. Щоб реалізувати можливість використовувати кілька копій reCaptcha на одній сторінці, виконайте наступні кроки:

В секцію <head> додайте наступний скрипт

View source
  1. <script  src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script>

Перед тегом </body> вставте наступний скрипт

View source
  1. <script type="text/javascript">
  2. var onloadCallback = function() {
  3. mysitekey = 'Ваш-Ключ-Сайту';
  4. grecaptcha.render('recaptcha1', {
  5. 'sitekey' : mysitekey
  6. });
  7.  
  8. grecaptcha.render('recaptcha2', {
  9. 'sitekey' : mysitekey
  10. });
  11.  
  12. grecaptcha.render('recaptcha3', {
  13. 'sitekey' : mysitekey
  14. });
  15.  
  16. grecaptcha.render('recaptcha4', {
  17. 'sitekey' : mysitekey
  18. });
  19. };
  20. </script>

У форми обовʼязково слід додати блоки з унікальним id (у нашому випадку це recaptcha1, recaptcha2, recaptcha3, recaptcha4) і класом g-recaptcha.

View source
  1. <div id="recaptcha1" class="g-recaptcha"></div>

Власне і все. Кілька reCaptcha2 на одній сторінці присутні і працюють.

Надійний фріланс

Facebook

 
 

Google +

 

Реклама від Google