@a700pa

Почему не работает вывод сообщения об успешной отправке данных?

Данные успешно уходят на почту и форма очищается. Но сообщение об отправке данных не выводится.
Подскажите пожалуйста где тут ошибка.

html код на странице:
<form id="form1" action="#" class="feedback-form">
<input class="input" type="text" name="name" placeholder="Ваше имя" required>
<input class="input" type="tel" name="tel" placeholder="Ваш телефон" required>
<button type="submit" class="btn1">Отправить</button>
<span>Нажимая кнопку «Отправить» вы соглашаетесь на обработку персональных данных.</span>
</form>
<div class="hidden">
<div class="pop" id="pop">
Спасибо за обращение! <br> Заявка отправлена.
</div>
</div>


cкрипт
// Маска для формы телефона
    $("input[type='tel']").inputmask({"mask": "+7 (999) 999-9999"});
    // <input type="tel" placeholder="+7 (___) ___-___" name="tel">


	//Аякс отправка форм
	//Документация: http://api.jquery.com/jquery.ajax/
	$(document).ready(function () {
    $("#form1").submit(function () {
        $.ajax({
            type: "POST"
            , url: "mail.php"
            , data: $(this).serialize()
        }).done(function () {
            $(this).find("input").val("");
            $("#form1").trigger("reset");
            $.fancybox.open($("#pop"));
            setTimeout(function () {
                $.fancybox.close();
            }, 1500);
        });
        return false;
    });
	});


css код формы об успешной отправке
.pop {
  background-color: #fff;
  max-width: 300px;
  width: 95%;
  text-align: center;
  padding: 40px 15px;
  border-radius: 5px;
  font-size: 24px;
}

.pop .fancybox-close-small {
  display: none;
}
  • Вопрос задан
  • 115 просмотров
Пригласить эксперта
Ответы на вопрос 1
Red_Devi1
@Red_Devi1
Нет желания разбираться в fancybox. Замените $.fancybox.open($("#pop")); на $("#pop").show(); или отройте консоль и исследуйте содержимое на предмет ошибок
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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