Как установить reCAPTCHA v3, чтобы форма обратной связи не ломалась?

Question

[s3rgey8]

Здравствуйте!

После установки reCAPTCHA v3 в соответствие с инструкцией (добавил к кнопке)

class="g-recaptcha" 
data-sitekey="reCAPTCHA_site_key" 
data-callback='onSubmit' 
data-action='submit'

внутри head добавил

<script src="https://www.google.com/recaptcha/api.js"></script>

и

<script>
function onSubmit(token) {
document.getElementById("demo-form").submit();
}
</script>

Ломается форма обратной связи, появляется новая белая страница с надписью "письмо успешно отправлено" после отправки вместо появления div с этой надписью.

Пожалуйста, помогите решить эту проблему. Спасибо за внимание к данному вопросу.

Comments

[FeST1VaL]

так свой код выложите... хоть какую то конкретику... смысл нам смотреть на код дефолтной капчи

Answer 1

[Александр К]

Т.к. реального кода нет, предположу, что

появляется новая белая страница с надписью "письмо успешно отправлено"

форма отправляется ajax запросом и:

1. обработчик отправки формы бал привязан к кнопке, а НЕ на отправку формы (как же надоели эти костыли)
   
2. или некорректно отрабатывает submit формы и тогда необходимо использовать программный вызов reCaptcha