0
0

Добрый день! Пытаюсь на Open Server сделать отправку данных на почту без перезагрузки страницы как показано в <Уроке 3.21. Практика. Отправка писем с сайта> ВЕБ-разработчик 2020, но наткнулся на проблемку. Дело в том, что когда заполняю форму данными она не отправляется, однако, когда форма пустая и нажимаю на отправку то всё прекрасно отправляется, появляется окошко с благодарновтью и на почту приходит пустое письмо.

Подскажите в чем ошибка

 <section class="modal">
            <div class="modal__window" id="consultation">
                <div class="modal__close">&times;</div>
                <div class="modal__title">Просто заполните форму заявки</div>
                <div class="modal__descr">и мы перезвоним вам в течении 10 минут</div>
                <form class="callBack__form modal__form" action="#" method="POST">
                    <input name="name" placeholder="Ваше имя" type="text" required>
                    <input name="phone" placeholder="Ваш телефон" type="tel" required>
                    <input name="email" placeholder="Ваш E-mail" type="email" required>

                    <button class="promo__btn button_submit">заказать кОНСУЛЬТАЦИЮ</button>
                </form>
            </div>

            <div class="modal__window" id="order">
                <div class="modal__close">&times;</div>
                <div class="modal__title">Ваш заказ:</div>
                <div class="modal__descr order-desc"></div>
                <form class="callBack__form modal__form" action="#" method="POST">
                    <input name="name" placeholder="Ваше имя" type="text" required>
                    <input name="phone" placeholder="Ваш телефон" type="tel" required>
                    <input name="email" placeholder="Ваш E-mail" type="email" required>

                    <button class="promo__btn button_submit">заказать кОНСУЛЬТАЦИЮ</button>
                </form>
            </div>

            <div class="modal__window mini" id="thanks">
                <div class="modal__close">&times;</div>
                <div class="modal__title">Спасибо за вашу заявку!</div>
                <div class="modal__descr">Наш менеджер свяжется с вами в ближайшее время!</div>
            </div>
        </section>
$('form').submit(function(e) {
    e.preventDefault();
    $.ajax({
        type: "POST",
        url: "mailer/smart.php",
        data: $(this).serialize()
    }).done(function() {
        $(this).find("input").val("");
        $('#consultation, #order').fadeOut();
        $('.modal, #thanks').fadeIn('slow');

        $('form').trigger('reset');
    });
    return false;
});

Эльдар Магомедов
4 years ago






Добрый день. 

Если пробовать отправить заполненную форму - то она просто никак не реагирует на это? Может быть появляется какая-либо ошибка во вкладке Console?

Еще, если есть возможность, попробуйте отправить с сервера MAMP. Я пару раз сталкивался с тем, что некоторые версии OpenServer не хотели нормально отправлять письма.

Иван Петриченко
4 years ago

Один ответ