Форма отправки заявки срабатывает только после перезагрузки
В чем может быть проблема, подскажите. Форма заявки срабатывает со второго раза: после первого клика по кнопке "Отправить" зачем-то выполняется перезагрузки страницы, после перезагрузки форма нормально отрабатывает и отправляет введенные в нее данные на почту.
$(document).ready(function () {
//E-mail Ajax Send
$("form").submit(function () { //Change
var th = $(this);
$.ajax({
type: "POST",
url: "mail.php", //Change
data: th.serialize()
}).done(function () {
alert("Спасибо! Мы свяжемся с Вами в течение 20 минут!");
setTimeout(function () {
// Done Functions
th.trigger("reset");
}, 1000);
});
return false;
});
});
Скрипт работает посредством файла mail.php, но в нем все нормально судя по всему.
<?php
$method = $_SERVER['REQUEST_METHOD'];
//Script Foreach
$c = true;
if ( $method === 'POST' ) {
$project_name = trim($_POST["project_name"]);
$admin_email = trim($_POST["admin_email"]);
$form_subject = trim($_POST["form_subject"]);
foreach ( $_POST as $key => $value ) {
if ( $value != "" && $key != "project_name" && $key != "admin_email" && $key != "form_subject" ) {
$message .= "
" . ( ($c = !$c) ? '<tr>':'<tr style="background-color: #f8f8f8;">' ) . "
<td style='padding: 10px; border: #e9e9e9 1px solid;'><b>$key</b></td>
<td style='padding: 10px; border: #e9e9e9 1px solid;'>$value</td>
</tr>
";
}
}
} else if ( $method === 'GET' ) {
$project_name = trim($_GET["project_name"]);
$admin_email = trim($_GET["admin_email"]);
$form_subject = trim($_GET["form_subject"]);
foreach ( $_GET as $key => $value ) {
if ( $value != "" && $key != "project_name" && $key != "admin_email" && $key != "form_subject" ) {
$message .= "
" . ( ($c = !$c) ? '<tr>':'<tr style="background-color: #f8f8f8;">' ) . "
<td style='padding: 10px; border: #e9e9e9 1px solid;'><b>$key</b></td>
<td style='padding: 10px; border: #e9e9e9 1px solid;'>$value</td>
</tr>
";
}
}
}
$message = "<table style='width: 100%;'>$message</table>";
function adopt($text) {
return '=?UTF-8?B?'.Base64_encode($text).'?=';
}
$headers = "MIME-Version: 1.0" . PHP_EOL .
"Content-Type: text/html; charset=utf-8" . PHP_EOL .
'From: '.adopt($project_name).' <'.$admin_email.'>' . PHP_EOL .
'Reply-To: '.$admin_email.'' . PHP_EOL;
mail($admin_email, adopt($form_subject), $message, $headers );
Вот форма отправки заявки и скрипты, менять местами скрипты пробовал, не помогает. Все скрипты нужные:
<form method="post">
<input type="hidden" name="project_name" value="111">
<input type="hidden" name="admin_email" value="[email protected]">
<input type="hidden" name="form_subject" value="Заявка со страницы Контакты">
<div class="field-wrap">
<label>Имя</label>
<input name="Имя" type="text" required>
</div>
<div class="field-wrap">
<label>Телефон</label>
<input name="Телефон" type="tel" required>
</div>
<div class="field-wrap">
<label>Email</label>
<input name="Email" type="email">
</div>
<div class="field-wrap">
<label>Компания</label>
<input name="Компания" type="text">
</div>
<div class="field-wrap">
<label>Сайт (если есть)</label>
<input name="Сайт" type="text">
</div>
<div class="message-wrap">
<label>Комментарий</label>
<textarea name="Комментарий" rows="8"></textarea>
</div>
<div class="send-wrap">
<button type="submit" class="button button-block">Отправить</button>
</div>
</form>
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/barba.js"></script>
<script src="js/locomotive-scroll.min.js"></script>
<script src="js/gsap.js"></script>
<script src="js/scripts.js"></script>
Ссылка страницу с проблемной формой https://63site.ru/contact