Форма в модальном окне. После отправки формы форма закрывается и страница не реагирует, пока еще раз не произойдет событие щелчка мыши на кнопке вызова модального окна. Вот страница на сервере: http://craft.transkribator.ru/
<button class="btn btn-default btn-xl" data-toggle="modal" data-target="#myModal">Кнопка</button>
<div class="modal fade" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Заполните форму</h4>
</div>
<div class="modal-body">
<form role="form">
<div class="form-group">
<label for="exampleInputEmail1">Ваша электронная почта</label>
<input type="email" class="form-control" name="email" placeholder="Введите email">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Имя</label>
<input type="text" class="form-control" name="name" placeholder="Имя">
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-default">Записаться</button>
</div>
</form>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
$(function() {
$("form").submit(function() {
var th = $(this);
$.ajax({
type: "POST",
url: "mail.php",
data: th.serialize()
}).done(function() {
$("form").css('display','none');
$(".modal-title").html("Ваши данные успешно отправлены");
$("#myModal").fadeOut(700);
});
return false;
});
});