ReCaptcha 2.0: включить кнопку "Отправить" при обратном вызове, если recaptcha успешно

У меня очень простая форма: Я хочу сделать так, чтобы кнопка "Отправить" была отключена и включала только после, пользователь успешно завершил ReCaptcha.

Я предполагаю, что мне понадобится Javascript/jQuery, чтобы сделать это.

Документация Google на ReCaptcha 2.0 кажется очень редкой и плотной (для меня, во всяком случае). Я был бы признателен за некоторые указания:

<form action="something.php" method="post">
    Name: <input type="text" size="40" name="name"><br><br>
    <div class="g-recaptcha" data-sitekey="############-#####"></div>
    <input type="submit" value="Submit" >
</form>

Ответы

Ответ 1

Я сделал то же самое на своем тестовом сайте. однако я использовал кнопку вместо submit, поэтому здесь:

вы должны добавить свойство data-callback="enableBtn" свойство data-callback выполняет функцию, указанную после выполнения recaptcha.

<div class="g-recaptcha" data-sitekey="############-#####" data-callback="enableBtn"></div>

и установите идентификатор кнопки на любой идентификатор, который вы хотите:

<input type="button" value="Submit" id="button1">

Нагрузка загрузки/формы страницы отключить кнопку

 document.getElementById("button1").disabled = true;

тогда на javascript сделайте функцию, чтобы включить кнопку

 function enableBtn(){
    document.getElementById("button1").disabled = false;
   }

надеюсь, что это поможет.