Как сделать валидацию Recaptcha на Ajax?

Question

[VladimirPortev]

Всем привет. Все просто. Небольшая форма

<form class="form-call" method="post" action="">
			<div class="title">ЗВОНОК</div>
            <div class="form-group">
                <input type="text" class="form-control callTwo js-mask-phone" name="phone" id="emailTwo" placeholder="Номер телефона">
            </div>
            <div class="form-group">
                <input type="text" class="form-control callTwo" id="pwdTwo" name="name" placeholder="Ваше имя">
            </div>
		<div id="recaptcha1"></div>	
        <button type="submit" class="btn btn-danger callMe">Отправить</button>
        </form>

AJAX - обработка:

$(".form-call").on("submit", function() { //устанавливаем событие отправки для формы с id=form
            var form_data = $(this).serialize(); //собераем все данные из формы
            $.ajax({
            type: "POST", //Метод отправки
            url: "send.php", //путь до php фаила отправителя
            data: form_data,
            success: function() {
                   //код в этом блоке выполняется при успешной отправке сообщения
                   alert("Ваше сообщение отправлено!");
				}
            });
    });

Как сделать обработку recaptcha. Не пойму что и куда писать

Answer 1

[Алексей Скляров]

Для начала вам нужно определить, нажал ли человек вообще на капчу Stackoverflow, ну а дальше - двигаться от результата. По ссылке все есть.

Comments

[VladimirPortev]

Мне нужно писать валидацию в ajax и в php? Или только в ajax?

[Алексей Скляров]

VladimirPortev, проверять желательно и на бекенде. ибо фронт всегда можно подделать. но вряд ли кто-то будет переписывать функцию, ради того чтобы не пришлось ставить чек в рекапче

[VladimirPortev]

Алексей Скляров, я сделал на бекенде. Не пойму, что мне нужно прописать вот в эту строку

success: function() {
alert("Ваше сообщение отправлено!");
}

Чтобы выдавал ошибку капчи

[VladimirPortev]

Алексей Скляров, я так сделал

$(".form-call").on("submit", function() { //устанавливаем событие отправки для формы с id=form
            var form_data = $(this).serialize(); //собераем все данные из формы
			var captcha = grecaptcha.getResponse();
            $.ajax({
            type: "POST", //Метод отправки
            url: "send.php", //путь до php фаила отправителя
            data: form_data,
            success: function() {
					if (!captcha.length) {
					  // Выводим сообщение об ошибке
					  alert("Вы не ввели капчу");
					} else {
					  alert("Сообщение отправлено");
					}
				}
            });
    });

Единственное, что если капча введена - то он не заходит вот в это условие

else {
					  alert("Сообщение отправлено");
					}