Проверка Recapcha через js для каждой формы?

Question

[Александр Мищенко]

Всем привет, на странице установлено 2 формы и к ним прикручена гугл капча. Для валидации формы использую JS.

$("form").submit(function (e) {
             var v = grecaptcha.getResponse();
             if(v.length == 0){
                alert("Капча");
                e.preventDefault();
                return false;
            }
   return true;
        });

Для первой формы (#g-recaptcha-response) все отрабатывает норм, а для 2 формы (#g-recaptcha-response-1)не хочет из за того что код зациклено на первой форме.

Answer 1

[nvdfxx]

Нужно рендерить для каждой формы свой инстанс капчи. Подрубаете:

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

И в скрипте:

$(document).ready(function() {
        let  onloadCallback = function() {
            let divcaptcha = $('g-recaptcha'); // класс, в который будет рендериться капча
            for (var i = 0; i < divcaptcha.length; i++) {
          	grecaptcha.render(divcaptcha[i], {
           		'sitekey': 'Публичный ключ'      
          	});
            }
        };
    });

Должно помочь