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

Question

[RommB]

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

<?php
$to = "[e-mail]";
$name = clear_data($_POST["name"]);
$email = clear_data($_POST["email"]);
$phone = clear_data($_POST["phone"]);
$adress = clear_data($_POST["adress"]);
$subject = "Заявка з сайту";

$headers = "From [e-mail]\r\n";
$headers .="Reply-To: [e-mail]\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;
});
});

Answer 1

[Никита Кит]

Попробуйте селектнуть форму по id и использовать .on('submit', ...), установив e.preventDefault() первым в блоке инструкций колбэка