kmaroff
11/15/2017 - 8:11 PM

Форма обратной связи к unimail со всплывающим окном

https://github.com/kmaroff/uniMail Для попапа нужен фэнсибокс

<form id="contact" method="post">

	<!-- Hidden Required Fields -->
	<input type="hidden" name="project_name" value="Имя отправителя">
	<input type="hidden" name="admin_email" value="Почта">
	<input type="hidden" name="form_subject" value="Тема письма">
	<!-- END Hidden Required Fields -->

	<input type="text" name="Имя" placeholder="Ваше имя"><br>
	<input type="text" name="Почта/Телефон" placeholder="Почта/Телефон" required><br>
	<textarea rows="3" name="Сообщение" placeholder="Ваш вопрос"></textarea><br>
	<input type="hidden" name="Откуда" value="Метка">
	<button name="submit" type="submit" class="order-button-form" id="contact-submit">Отправить</button>

</form>
.message {
  text-transform: uppercase;
  color: #000;
  font-weight: 700;
  text-align: center;
  padding-top: 14px;
  line-height: 1.5;
}
 $("#contact").submit(function() { //Change
    var th = $(this);
    $.ajax({
      type: "POST",
      url: "/mail.php", //Change
      data: th.serialize()
    }).done(function() {
    $.fancybox.open('<div class="message">Спасибо за заявку!<br>Мы свяжемся с вами в ближайшее время.</div>');
  setTimeout(function() {
        th.trigger("reset");

  $.fancybox.close();
}, 3500);
});
    return false;
  });