Google ReCaptcha не публикует «g-recaptcha-response»

Я столкнулся с этой проблемой и обнаружил, что моя форма преждевременно закрывается в DOM, потому что она находится внутри таблицы. ReCaptcha настраивает текстовое поле display:none g-recaptcha-response, а затем заполняет данные, когда вы вводите капчу. Кажется, он ищет дочерние элементы формы, в которой находится div, и поэтому не может найти ответ g-recaptcha, который он изначально создал. Я поставил форму вокруг стола, и после этого она заработала нормально.

Убедитесь, что в той части, где вы показываете форму пользователю, присутствует следующее:

1. Между <form> и </form>:

   <div class="g-recaptcha" data-sitekey="your_public_key"></div>

2. Перед закрывающим тегом </head>:

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

3. Убедитесь, что ваша форма использует post в качестве метода,...

   <form method="post" ...>

Если они верны, по крайней мере, некоторые $_POST['grecaptcha-response'] должны появиться на вашем пути. Сначала проверьте их в полученном HTML-коде на стороне клиента (во многих браузерах нажмите Strg+U при просмотре пользовательской формы), а не в коде на стороне сервера - с этими знаниями легче работать. Если все это есть даже у клиента, это будет непросто ^^

Сегодня у меня была такая же проблема (g-recaptcha-response не имел значения при отправке) на веб-сайте коллеги. Выяснилось, что тег <form был по ошибке вложен сразу после открывающего тега <table (не внутри td, а сразу после <table).
Это и вызывало проблему.
После перемещения тега form таким образом, чтобы он заворачивал table , значение g-recaptcha-response было правильно отправлено на сервер после отправки.

Просто была такая же проблема. Проблема была не в теге <table>, а в теге <div>.

Моя форма находилась внутри основного <div>, используемого для форматирования общего макета формы. Тег <form> НЕ ДОЛЖЕН находиться внутри основного <div>, который я использовал для макета формы. Я переместил тег <form> непосредственно перед тегом <div> макета формы, и он начал работать отлично.

Похоже, Google хочет, чтобы открывающий и закрывающий теги находились вне других элементов DOM, таких как <table> или <div>. У меня была точно такая же проблема, которая сейчас решена. Переместите свой ...

<div class="g-recaptcha" data-sitekey="abcd1234etc."></div>

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

Да, ошибка DOM

Ошибка кода

table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"
form id="contacto" name="contacto" method="post" action="xxx"

Код ОК

form id="contacto" name="contacto" method="post" action="xxx"
table width="100%" border="0" cellspacing="0" cellpadding="0" align="center"

Идеальное решение — не создавать свой собственный ввод g-recaptcha-response, потому что Google заполнит его ответом и все равно продолжит создание другого текстового поля g-recaptcha-response. но тогда не заполнит его значением ответа

Если вы используете reCaptcha v3, вы должны явно определить g-recaptcha-response в своей форме, прикрепив к нему идентификатор.

Если вы используете reCaptcha v2, просто не забудьте добавить recaptchacontainer в свою форму.

Ничего из вышеперечисленного не работало для меня. Я использую react-google-recaptcha. И похоже, что вам нужно заранее дождаться/разрешить обещание recaptchaRef.current.execute().

Без разрешения обещания это работало в половине случаев, и именно тогда я вызываю recaptchaRef.current.getValue(). В противном случае он вернул бы пустое значение.

У меня была такая же проблема на сайте, созданном с помощью темы порто html5. Код javascript, который позаботился о проверке, вручную передал поля, поэтому было необходимо добавить поле g-captcha-response.

В представлении.contact.js

// Ajax Submit
$.ajax({
    type: 'POST',
    url: $form.attr('action'),
    dataType: 'JSON',
    data: {
        name: $form.find('#name').val(),
        email: $form.find('#email').val(),
        subject: $form.find('#subject').val(),
        messaggio: $form.find('#messaggio').val(),
        grecaptcharesponse: $form.find('#g-recaptcha-response').val()
    }

...

и на странице php измените $_POST['g-recaptcha-response'] with $_POST['grecaptcharesponse']

Сначала проверьте, установлена ​​ли рекапча

if(!isset($_POST['g-recaptcha-response']) ){
    die ("Error: Not valid recaptcha on form");
}

Также ознакомьтесь с этим простым руководством по PHP для простой отладки.