Как обновить информацию в php на той же странице?

Question

[webov_web]

Делаю форму с капчей. Получается проверить капчу только на другой странице. Если проверяю правильно ли введены цифры с капчи на той же странице, где и форма, то страница обновляется и только потом проверяется правильность ввода.

Вот так выглядит форма:

<img style="border: 1px solid gray; background: url('bg_capcha.png');" src = "captcha.php" width="120" height="40"/>
<br/>
<form method="POST">
     <input type="text" name="capcha" />
     <button class="btn modal-body-btn-cta">Узнать стоимость</button>
</form>

Обработчик:

<?
session_start();
if($_POST['capcha'] != $_SESSION['capcha']) 
	echo "Текст с картинки введен не верно!";
else
	echo "Ура текст совпал!";

Помогите, пожалуйста, разобраться. Как сделать, чтобы результат проверялся на той же странице и только после правильного ввода отправлялась форма?

Answer 1

[Кирилл Горелов]

Делаешь файл
check_capcha.php
В этом файла у тебя будет проверка капчи.
Если капча введена верно, пишешь return true если нет return false
Отправляешь капчу через ajax
https://gist.github.com/Kirill-Gorelov/cedacbb7f2d... - возьми любой пример с 27 строки по 105 любой удобный тебе.
И потом проверяешь что тебе возвращает

Comments

[webov_web]

Кирилл Горелов, Можно сделать сначала ajax с капчей и в случае успеха выводить ajax на передачу данных в mail.php и отправку формы на почту? Или я неправильно понимаю?

[webov_web]

Кирилл Горелов, и хотел ещё спросить. Что значит "И потом проверяешь что тебе возвращает"?

[Кирилл Горелов]

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

Проверяешь, если капча тебе вернула true, то ты отправляешь почту
Если нет, то выводишь сообщение о не правильной почте.

И можно подключить капчу от google смысл точно такой-же все те же шаги, только капча не своя, а от гугл.

[webov_web]

Кирилл Горелов, спасибо за ответ! Как раз сейчас дошёл до этого места и пытаюсь принять ответ от php. Отправляю капчу в файл php, в котором она обрабатывается.

Думаю, что нужно, наверное принять true/false. Но никак не соображу как именно это прописать в ajax.

Подскажите, пожалуйста, как правильно принять ответ в ajax? Как это прописать?

[Кирилл Горелов]

webov_web, Предположим вы взяли пример из моего gist https://gist.github.com/Kirill-Gorelov/cedacbb7f2d... со строк 47-54

var arr = { response:response };
	$.ajax({
		type: "POST",
		url: "/req/addcomment/",
		data: arr
	}).done(function(datarez) {
		$("#output").html("<span style='color: #3f3'>Сообщение отправлено!</span>");
	});

datarez это ваш ответ сервера. Он в себе должен хранить true/false
И вы просто делаете проверку на эту переменную.

if(datarez == true){
}else{
}

[webov_web]

Кирилл Горелов, заработало. Спасибо за помощь!

Answer 2

[Виталий]

Асинхронные запроса на JS к контроллеру, который капчу проверяет. XHR / Promise / JQuery.ajax