Задать вопрос

Закрытие модального окна после отправки формы?

Помогите пожалуйста, сайт делаю на вродпресс. Ставлю форму заказа звонка всплывающую.
И не знаю,как сделать так, чтоб после нажатия на кнопку заказать отправлялось письмо,а форма закрывалась. Если использовать data-dismiss = “modal”, то форма просто закрывается без отправки письма.
Подскажите, что сделать. Вот часть кода, которая меня ставит в тупик
//Тут я вызываю модальное окно
 
 <script type="text/javascript">
    var delay_popup = 2000;
    setTimeout("document.getElementById('bg_popup').style.display='block'", delay_popup);
</script> 

//Окно открывается

<div id="bg_popup">
<div id="popup">
<p>Текст модального окна</p>

<div role="form" class="wpcf7" id="wpcf7-f1830-p2-o4">

<form action="/#wpcf7-f1830-p2-o4" method="post" class="wpcf7-form" novalidate="novalidate">
<input type="tel" name="your-tel" value="+7" size="40" class="wpl" aria-required="true" aria-invalid="false" /></span>
<input type="submit" value="заказать" class="btn btn-default" />
</form>

</div>


///????????????
<script>
$(".btn.btn-default").click(function(){
  $("#bg_popup").hide(800); 
});
</script>
  • Вопрос задан
  • 420 просмотров
Подписаться 1 Простой 2 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Rocket Смоленск
от 80 000 до 130 000 ₽
div. Ставрополь
от 40 000 до 90 000 ₽
Wanted. Санкт-Петербург
До 220 000 ₽
18 дек. 2024, в 16:42
2000 руб./за проект
18 дек. 2024, в 16:33
2000 руб./в час
18 дек. 2024, в 16:06
5000 руб./за проект