Как закрыть форму после отправки?

Question

[webov_web]

Как сделать, чтобы после отправки заявки пользователю показывался div, а не alert, после чего сама форма закрывалась бы? Нужно, чтобы форма заявки закрывалась, а не просто очищалась, как сейчас.

$("form").submit(function() { //Change
		var th = $(this);
		$.ajax({
			type: "POST",
			url: "mail.php", //Change
			data: th.serialize()
		}).done(function() {
			alert("Ваша заявка отправлена. Скоро мы свяжемся с Вами!");
			setTimeout(function() {
				// Done Functions
				th.trigger("reset");
			}, 1000);
		});
		return false;
	});

Вот такой кнопкой вызывается форма

<button type="button" class="btn" data-toggle="modal" data-target="#modal-zayavka">Оставить заявку</button>

Answer 1

[Алексей Скляров]

Используйте .modal('hide'), который есть в bootstrap

$("form").submit(function() { //Change
    var th = $(this);
    $.ajax({
      type: "POST",
      url: "mail.php", //Change
      data: th.serialize()
    }).done(function() {
      alert("Ваша заявка отправлена. Скоро мы свяжемся с Вами!");
      setTimeout(function() {
        // Done Functions
       $('#modal-zayavka').modal('hide');
        th.trigger("reset");
      }, 1000);
    });
    return false;
  });

Answer 2

[PandaTheSlayer]

$("form").submit(function() { //Change
    var th = $(this);
    $.ajax({
      type: "POST",
      url: "mail.php", //Change
      data: th.serialize()
    }).done(function() {
      $('form').replaceWith("<div> </div>");
      
    });
    return false;
  });

Comments

[Максим]

Панда Убийца ?
Странный ник

Answer 3

[Петя Персианов]

$("form").submit(function() { //Change
    var th = $(this);
    $.ajax({
      type: "POST",
      url: "mail.php", //Change
      data: th.serialize()
    }).done(function() {
      alert("Ваша заявка отправлена. Скоро мы свяжемся с Вами!");
      setTimeout(function() {
        // Done Functions
        th.hide();
        th.trigger("reset");
      }, 1000);
    });
    return false;
  });