Я пытаюсь разместить reCaptcha v2 Invisible на моем сайте. У меня есть плагин, который создает форму, поэтому я не могу добавить код reCaptcha непосредственно в форму или кнопку ... Я пытаюсь сделать все это с помощью Javascript + jQuery.
У меня есть reCaptcha, появляющийся при нажатии кнопки, но в случае успеха он не продолжает отправку формы - просто ничего не делает. Нет сообщений об ошибках ...
Вот мой код:
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<script>
jQuery( document ).ready(function() {
function onSubmit(token) {
alert('success');
document.getElementByClassName("tourmaster-register-form").submit();
}
jQuery(document).on('click', '.tourmaster-register-submit', function(event) {
event.preventDefault();
grecaptcha.execute();
});
});
</script>
<div class="g-recaptcha"
data-sitekey="<My Public Site Key is here>"
data-callback="onSubmit"
data-size="invisible">
</div>
<form class="tourmaster-register-form" action="<The Page URL is here>" method="post">
<!-- Fields are here -->
<input type="submit" class="tourmaster-register-submit" value="Register">
</form>
Форма отлично работает без recaptcha, поэтому я предполагаю, что что-то не так с моей функцией onSubmit (предупреждение также не появляется!)