FIKSER
@FIKSER

Как настроить всплывающее окно для формы обратной связи?

Добрый день!
При нажатии на кнопку "отправить" перенаправляет просто в файл с обработчиком формы send.php, а там пустая страница.
Как мне сделать так, что бы появлялось всплывающее окно, примерно такое:
Пример всплывающего окна
3FmkQEUYQJyO_WzMv1_VPQ.png

HTML
spoiler
<form id="form" class="eform form-horizontal form-all" method="post" action="send.php" enctype="multipart/form-data">
		<input type="hidden" name="formid" value="form-">
		
	<div class="form-group">
			<label for="val01" class="col-md-5 col-sm-5">Выберите удостоверение:</label>
			<div class="col-md-7 col-sm-7">
<select class='my_select'>
  <option>Test1</option>
 <option>Test2</option>
</select>
   </div>
       </div>

		<div class="form-group">
			<label for="val01" class="col-md-5 col-sm-5">Ф.И.О полностью</label>
			<div class="col-md-7 col-sm-7">
				<input type="text" class="form-control" name="val01" id="val01" placeholder="" value="">
				<input type="text" id="lastname" name="lastname" value="">
				<div class="help-block with-errors"></div>
			</div>
		</div>
		
		<div class="form-group">
			<label for="val09" class="col-md-5 col-sm-5">Ваша эл.почта</label>
			<div class="col-md-7 col-sm-7">
				<input type="email" class="form-control" name="val09" id="val09" placeholder="" value="">
				<div class="help-block with-errors"></div>
			</div>
		</div>
		
		<div class="form-group">
			<label for="val08" class="col-md-5 col-sm-5">Ваш номер мобильного телефона</label>
			<div class="col-md-7 col-sm-7">
				<input type="tel" class="form-control" name="val08" id="val08" placeholder="" value="">
				<div class="help-block with-errors"></div>
			</div>
		</div>
	

		<div class="form-group">
			<label for="val07" class="col-md-5 col-sm-5">Комментарии к заказу</label>
			<div class="col-md-7 col-sm-7">
				<input type="text" class="form-control" name="val07" id="val07" placeholder="" value="">
				<div class="help-block with-errors"></div>
			</div>
		</div>

		
		<div class="col-md-12">
			<div class="col-md-5 col-sm-5">&nbsp;</div> 
			<div class="col-md-7 col-sm-7">
				<button type="submit" name="submit" class="btn btn-default">Отправить</button>
			</div>
		</div>
		<div class="clear"></div>
	</form>
</div></div>

PHP (send.php)
spoiler
$sendto   = "mail@gmail.com"; // Куда отправлять
$username = $_POST['val01'];   //ФИО отправителя
$usertel = $_POST['val08'];   //Номер отправителя
$usermail = $_POST['val09'];  // Почта отправителя
$dopinfa = $_POST['val07']; //Комментарий заказчика
$menuvote = $_POST['vypadmenu']; // Выбор элемента из меню

$subject  = "ТЕма";
$headers  = "From: " . strip_tags($usermail) . "\r\n";
$headers .= "Reply-To: ". strip_tags($usermail) . "\r\n";
$headers .= "MIME-Version: 1.0\r\n";
$headers .= "Content-type: text/html; charset=UTF-8 \r\n";
 
$msg  = "<html><body style='font-family:Arial,sans-serif;'>";
$msg .= "<h2 style='font-weight:bold;border-bottom:1px dotted #ccc;'>Новый заказ!</h2>\r\n";
$msg .= "<p><strong>ФИО:</strong> ".$username."</p>\r\n";
$msg .= "<p><strong>ПОЧТА:</strong> ".$usermail."</p>\r\n";
$msg .= "<p><strong>ТЕЛЕФОН:</strong> ".$usertel."</p>\r\n";
$msg .= "<p><strong>ДОП. ИНФА:</strong> ".$dopinfa."</p>\r\n";
$msg .= "<p><strong>ТИП :</strong> ".$menuvote."</p>\r\n";

$msg .= "</body></html>";
 
// Результат отправки
if(@mail($sendto, $subject, $msg, $headers)) {
    echo "<center><img src='images/spasibo.png'></center>";
} else {
    echo "<center><img src='images/ne-tpravleno.png'></center>";
}
  • Вопрос задан
  • 240 просмотров
Решения вопроса 1
@dsemagin
через ajax надо форму отправлять в php "пример"
$("form").submit(function() {
		var th = $(this);
		$.ajax({
			type: "POST",
			url: "mail.php", // ЗДЕСЬ ОБРАБОТЧИК УКАЗЫВАТЬ
			data: th.serialize()
		}).done(function() {
			alert("Заявка отправлена!");
			setTimeout(function() {
				// Done Functions
				th.trigger("reset");
			}, 1000);
		});
		return false;
	});
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы