Olesiy

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

Рекомендованные сообщения

Здравствуйте дорогие форумчане! Сделала всплывающую форму обратной связи на своем сайте, все работает,нормально, вот только после отправки письма форма не закрывается, нужно нажимать на крестик для закрытия. Как сделать так , что бы после успешной отправки форма сама закрывалась.Если кому не трудно подскажите ПОЖАЛУЙСТА. 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();

	});
})

 

Изменено пользователем klierik
форматирование данных

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Вот так:

$('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");
		$('.popup').fadeOut(); // Закрыть Popup
	});
	return false;
});

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

А ларчик просто открывался.Все работает.СПАСИБО ВАМ БОЛЬШОЕ!!! Буду учить js.

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Похожие публикации

    • Автор: Лелик
      Очень нужен фильтр товаров на ajax без БД. В интернете нашла подходящий пример. Могу провести всю рутинную работу (коей очень много) по наполнению фильтра. Есть проблемы:
      1. не знаю, как проверить его на ошибки, и
      2. не знаю, как встроить в сайт
      Прошу провести эти две работы. Для заинтересованного программиста пришлю более подробное описание ТЗ
    • Автор: cyklop77
      подскажите пожалуйста, что нужно сделать чтобы получить возможность использовать базу городов от КЛАДР? она выложена в общий доступ, но обратиться через ajax к ней невозможно потому что браузеры не разрешают кроссдоменные запросы
      когда бэкенд пишешь сам, то сам же и настраиваешь отдающий сервер в соответствии с CORS, но здесь не тот случай. однако, думаю, большинство разработчиков тянут данные из КЛАДР при помощи ajax. и.... я тоже хочу
      пока только придумал установить в хром расширение. но это временная мера - только для этапа разработки.
    • Автор: mightybat
      Добрый день.
      Есть форма(опросник), переменных на 200, подскажите как можно ее заполнить на компьютере1, и открыть на компьютере2 уже заполненную?
      Может быть есть человеческий способ, решения данной проблемы? 
      Вижу только вариант 1)сохранить все переменные в mysql 2)на втором компе вытащить из БД 3)воссоздать страницу HTML через echo( куча чекбоксов с oncliсk показывающими дивы, которые замучаюсь переписывать с block на none и наоборот).