Как проверить Google reCaptcha в форме отправки

var googleResponse = jQuery('#g-recaptcha-response').val();
if (!googleResponse) {
$('<p style="color:red !important" class=error-captcha"><span class="glyphicon glyphicon-remove " ></span> Please fill up the captcha.</p>" ').insertAfter("#html_element");
return false;
} else {
return true;
}

Поместите это в функцию. Вызовите эту функцию при отправке … #html_element мой пустой div

Вы можете проверить ответ 3 способами согласно Документация Google reCAPTCHA:

1. g-recaptcha-response: После того, как пользователь установит флажок (я не робот), поле с идентификатором g-recaptcha-response заполняется в вашем HTML.
   Теперь вы можете использовать значение этого поля, чтобы узнать, является ли пользователь ботом или нет, используя следующие строки:

   var captchResponse = $('#g-recaptcha-response').val();
   if(captchResponse.length == 0 )
   //user has not yet checked the 'I am not a robot' checkbox
   else
   //user is a verified human and you are good to submit your form now
   

2. Прежде чем вы отправите свою форму, вы можете позвонить следующим образом: —

   var isCaptchaValidated = false;
   var response = grecaptcha.getResponse();
   if(response.length == 0) {
   isCaptchaValidated = false;
   toast('Please verify that you are a Human.');
   } else {
   isCaptchaValidated = true;
   }if (isCaptchaValidated ) {
   //you can now submit your form
   }
   

3. Вы можете отобразить свой reCAPTCHA следующим образом: —

   <div class="col s12 g-recaptcha" data-sitekey="YOUR_PRIVATE_KEY" data-callback='doSomething'></div>
   

   А затем определите функцию в вашем JavaScript, которую также можно использовать для отправки вашей формы.

   function doSomething() { alert(1); }
   

   Теперь, когда флажок (я не робот) установлен, вы получите обратный вызов для определенного обратного вызова, который doSomething в твоем случае.

С точки зрения UX, это может помочь визуально сообщить пользователю, когда он может приступить к отправке формы — либо включив отключенную кнопку, либо просто сделав ее видимой.

Вот простой пример …

<form>
<div class="g-recaptcha" data-sitekey="YOUR_PRIVATE_KEY" data-callback="recaptchaCallback"></div>
<button type="submit" class="btn btn-default hidden" id="btnSubmit">Submit</button>
</form>

<script>
function recaptchaCallback() {
var btnSubmit = document.getElementById("btnSubmit");

if ( btnSubmit.classList.contains("hidden") ) {
btnSubmit.classList.remove("hidden");
btnSubmitclassList.add("show");
}
}
</script>

Попробуйте эту ссылку:
https://github.com/google/ReCAPTCHA/tree/master/php

Ссылка на эту страницу размещена в самом низу этой страницы:
https://developers.google.com/recaptcha/intro

Одна проблема, которая помешала правильной работе этих двух файлов, была с моим файлом php.ini для веб-сайта. Убедитесь, что это свойство настроено правильно, как показано ниже:
allow_url_fopen = On

при использовании JavaScript это будет работать для меня

<script src='https://www.google.com/recaptcha/api.js'></script>
<script>
function submitUserForm() {
var response = grecaptcha.getResponse();
if(response.length == 0) {
document.getElementById('g-recaptcha-error').innerHTML = '<span style="color:red;">This field is required.</span>';
return false;
}
return true;
}

function verifyCaptcha() {
document.getElementById('g-recaptcha-error').innerHTML = '';
}
</script>

<form method="post" onsubmit="return submitUserForm();">
<div class="g-recaptcha" data-sitekey="YOUR_SITE_KEY" data-callback="verifyCaptcha"></div>
<div id="g-recaptcha-error"></div>
<input type="submit" name="submit" value="Submit" />
</form>

    var recaptchaRes = grecaptcha.getResponse();
var message = "";

if(recaptchaRes.length == 0) {
// You can return the message to user
message = "Please complete the reCAPTCHA challenge!";
return false;
} else {
// Add reCAPTCHA response to the POST
form.recaptchaRes = recaptchaRes;
}

    $receivedRecaptcha = $_POST['recaptchaRes'];
$verifiedRecaptcha = file_get_contents('https://www.google.com/recaptcha/api/siteverify?secret='.$google_secret.'&response='.$receivedRecaptcha);

$verResponseData = json_decode($verifiedRecaptcha);

if(!$verResponseData->success)
{
return "reCAPTCHA is not valid; Please try again!";
}

if ($post['g-recaptcha-response']) {
$captcha = $post['g-recaptcha-response'];
$secretKey = 'type here private key';
$response = file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret=" . $secretKey . "&response=" . $captcha);
$responseKeys = json_decode($response, true);
if (intval($responseKeys["success"]) !== 1) {
return "failed";
} else {
return "success";
}
}
else {
return "failed";
}