Закрытие выплывающей формы регистрации?

Question

[obraz46]

Как сделать так чтобы выплывающая форма регистрации закрывалась через JS после заполнения:

$("form").on("submit", function (e) {
  $(".form").submit(function() {
        $.ajax({
            type: "POST",
            url: "mail.php",
            data: $(this).serialize()
        }).done(function() {
            alert("Спасибо за заявку!");
            setTimeout(function() {
                $(".forms").trigger("reset");
            }, 1000);
        });
        return false;
    });

});

У меня в коде вот так про писано

Answer 1

[Михаил Чирский]

$(".forms").trigger("reset");
// После закрываете форму
$('.form').hide() // Прячете
$('.form').remove() // Или вовсе удаляете

Answer 2

[Andrey Dyrkov]

В этом коде у вас утечка памяти будет. Вы вешаете событие когда сработало другое и не удаляете его. Вообще когда отработал метод .done у $.ajax надо закрывать. По коду вы просто информируите пользователя что всё хорошо, скрываете форму и онулируите значения в ней

...
.done(function(data) {
            alert("Спасибо за заявку!");
           $("ваша форма, либо из замыкания берём").hide();//либо анимацию проиграйте .fadeout();
            setTimeout(function() {
                $(".forms").trigger("reset");//ресет можно сделать сразу после скрытия формы, таймеры не к чему
            }, 1000);
        });
....