FIKSER
@FIKSER

Почему не работает ajax обработчик формы?

Форма обратной связи без js работает исправно, сообщений приходят, но как подключаю js перестает работать.
Форма HTML:
spoiler
<form action="js/send.php" class="form_top" method="post" name="form1">
						
						<div class="subtitle">
							Oставьте заявку.
						</div>
						<div class="col-sm-8">
							<input class="pole" name="name" placeholder="Ваше имя" required="" type="text">
						</div>
						<div class="col-sm-8">
							<input class="pole phone" name="phone" placeholder="Номер телефона" required="" type="tel">
						</div>
						<div class="col-sm-8">
							<button class="kngreen" type="submit">Отправить заявку</button>
						</div>
						<div class="clear"></div>
					</form>


Send.php
spoiler
<?php 
 
$sendto   = "mail@gmail.com"; // Куда отправлять
$username = $_POST['name'];   //ФИО отправителя
$usertel = $_POST['phone'];   //Номер отправителя



// Тема сообщения
$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> ".$usertel."</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>";
}
 
?>

common.js обработчик:
spoiler
$(document).ready(function() {

	$("#form1").submit(function() {
		$.ajax({
			type: "POST",
			url: "send.php",
			data: $(this).serialize()
		}).done(function() {
			$(this).find("input").val("");
			alert("Спасибо за заявку! Скоро мы с вами свяжемся.");
			$("#form1").trigger("reset");
		});
		return false;
	});
	
});

  • Вопрос задан
  • 503 просмотра
Решения вопроса 1
FIKSER
@FIKSER Автор вопроса
Решено, путь к js не был верно указан.
Нужно было указать полный путь.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Justique
@Justique
$("#form1").submit(function() {
    $.ajax({
        type: "POST",
        url: "send.php",
        data: $(this).serialize(),
        success: function(data){
            $("#form1").find("input").val("");
            alert("Спасибо за заявку! Скоро мы с вами свяжемся.");
            $("#form1").trigger("reset");
        }

    });
    return false;
  });
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы