Почтовая форма в PopUp. Отправить и закрыть

@wLife · Регистрация: 08.09.2015

Author24 — интернет-сервис помощи студентам

Доброго времени суток всем!

Проблема у меня в следующем.
В карточках товара есть кнопка:

HTML5

1	<a class="open_window" href="#">Оставить заявку</a>

которая вызывает popup-окно:

Java

<script>
$(document).ready(function(){
$('.popup .close_window, .overlay').click(function (){
$('.popup, .overlay').css('opacity','0');
$('.popup, .overlay').css('visibility','hidden');
});
$('a.open_window').click(function (e){
$('.popup, .overlay').css('opacity','1');
$('.popup, .overlay').css('visibility','visible');
e.preventDefault();
});
});
</script>

с почтовой формой:

HTML5

<form method="POST" id="feedback-form">
Как к Вам обращаться:
<input type="text" name="nameFF" required placeholder="фамилия имя отчество" x-autocompletetype="name">
Email для связи:
<input type="email" name="contactFF" required placeholder="адрес электронной почты" x-autocompletetype="email">
Ваше сообщение:
<textarea name="messageFF" required rows="5"></textarea>
<input type="submit" value="отправить">
</form>

Java

<script>
document.getElementById('feedback-form').addEventListener('submit', function(evt){
  var http = new XMLHttpRequest(), f = this;
  evt.preventDefault();
  http.open("POST", "contacts.php", true);
  http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  http.send("nameFF=" + f.nameFF.value + "&contactFF=" + f.contactFF.value + "&messageFF=" + f.messageFF.value);
  http.onreadystatechange = function() {
    if (http.readyState == 4 && http.status == 200) {
      alert(http.responseText + ', Ваше сообщение получено.\Наши специалисты ответят Вам в течении 2-х часов.\nБлагодарим за интерес к нашей фирме!');    
      f.messageFF.removeAttribute('value');
      f.messageFF.value='';
    }
  }
  http.onerror = function() {
    alert('Извините, данные не были переданы');
  }
}, false);
</script>

По нажатию "отправить", письмо соответственно уходит, а окно остается открытым и закрывается крестиком. Подскажите, как на кнопку "отправить", точнее на "submit", прикрутить и закрытие popup'а с тем учетом, что "submit" проверяет правильность заполнения полей формы.

@k-x · 08.09.2015, 13:31

после f.messageFF.value=''; добавить

Javascript

1 2	$('.popup, .overlay').css('opacity','0'); $('.popup, .overlay').css('visibility','hidden');

@wLife · 08.09.2015, 13:48 **[ТС]**

Спасибо, всё работает как нужно! Успехов и всего наилучшего!

@wLife 0 / 0 / 0 Регистрация: 08.09.2015 Сообщений: 2
	08.09.2015, 13:48 [ТС]	3
	Спасибо, всё работает как нужно! Успехов и всего наилучшего! 0

Почтовая форма в PopUp. Отправить и закрыть

Решение