Форма отправки заявки срабатывает только после перезагрузки

В чем может быть проблема, подскажите. Форма заявки срабатывает со второго раза: после первого клика по кнопке "Отправить" зачем-то выполняется перезагрузки страницы, после перезагрузки форма нормально отрабатывает и отправляет введенные в нее данные на почту.

$(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


Ответы (0 шт):