Olesiy

Неофит
  • Публикации

    2
  • Зарегистрирован

  • Посещение

Репутация

0 Обычная

О Olesiy

  • Звание
    Новичок

Информация

  • Пол
    женский
  1. Olesiy

    Закрытие формы ajax после отправки

    А ларчик просто открывался.Все работает.СПАСИБО ВАМ БОЛЬШОЕ!!! Буду учить js.
  2. Здравствуйте дорогие форумчане! Сделала всплывающую форму обратной связи на своем сайте, все работает,нормально, вот только после отправки письма форма не закрывается, нужно нажимать на крестик для закрытия. Как сделать так , что бы после успешной отправки форма сама закрывалась.Если кому не трудно подскажите ПОЖАЛУЙСТА. P.S в js не буб бум. Вот форма: <div class="popup"> <div class="popup-dialog"> <div class="popup-content"> <button class="popup-close"> &times;</button> <form class="top" action="smart.php" method="POST"> <h4>Submit your application</h4> <label for="name"> Your name<input type="text" name="name" value="" placeholder="name"></label> <label for="emeil"> Your e-meil<input type="text" name="e-meil" value="" placeholder="emeil" required></label> <label for="phone">Your Phone<input type="text" name="phone" id="phone" value="" placeholder="phone"></label> <textarea name="comment" id="comment-field" rows="4">comment</textarea> <button class="button-block button-btn" type="submit"> to order</button> </form> </div> </div> </div> Вот скрипт отправки: $('form').submit(function(event) { event.preventDefault(); var th = $(this); $.ajax({ type: "POST", url: "smart.php", data:$(this).serialize() }).done(function() { $(this).find("input").val(""); alert("Спасибо за заявку!"); $("form").trigger("reset"); }); return false; }); И на всякий случай скрипт всплытия окна $(document).ready(function() { $('.popup-btn').on('click', function (event) { $('.popup').fadeIn();// к тому что нужно показать, fadeIn с анимацией }); $('.popup-close').on('click', function (event) { event.preventDefault(); $('.popup').fadeOut(); }); })