@RommB

Как исправить переход на страницу mail.php на модальное окно?

Есть модальное окно(Bootstrap), при отправки формы данные отправляются, но переводит на страницу mail.php, а должно выводить модальное окно. Как это исправить ? Если убрать action="mail.php", то заявка не отправляется

628f57090f353409670688.png

628f5935517a8383633270.png

<?php
$to = "exstroi@gmail.com";
$name = clear_data($_POST["name"]);
$email = clear_data($_POST["email"]);
$phone = clear_data($_POST["phone"]);
$adress = clear_data($_POST["adress"]);
$subject = "Заявка з сайту";

$headers = "From webmaster@site.ru\r\n";
$headers .="Reply-To: webmaster@site.ru\r\n";
$headers .="X-Mailer: PHP/". phpversion();

$massage = "Name: $name.\n".
"Email: $email.\n".
"Phone: $phone.\n".
"Adress: $adress.\n";

function clear_data($value){
$value = trim($value);
$value = stripslashes($value);
$value = htmlspecialchars($value);
return $value;
}
mail($to, $subject, $massage, $headers);
?>


$(function() {

$('.sendform').on('click', function(e) {
var name = $("#name").val().trim();
var phone = $("#phone").val().trim();
var email = $("#email").val().trim();
var adress = $("#adress").val().trim();
e.preventDefault();
$.ajax({
type: "POST",
url: "mail.php",
data: $('form.tagForm').serialize(),
success: function(response) {
$("#exampleModal").modal('hide');
$("#exampleModal2").modal('hide');
$("#succsesModal").modal('show');
},
error: function() {
$("#exampleModal3").modal('show');
}
});
return false;
});
});
  • Вопрос задан
  • 68 просмотров
Пригласить эксперта
Ответы на вопрос 1
ShadowOfCasper
@ShadowOfCasper
Middle User Interface Web Developer
Попробуйте селектнуть форму по id и использовать .on('submit', ...), установив e.preventDefault() первым в блоке инструкций колбэка
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы