В чем может быть причина что не работает форма?
Использую jQuery v2.1.3
В консоли вот такая ошибка:
<form id="form" method="post">
<p>Остались вопросы?<br>Оставьте Ваши данные и мы перезвоним!</p>
<input type="text" name="name" placeholder="Ваше имя*" required="required" pattern="[a-zA-Zа-яА-Я]+">
<input type="tel" name="phone" placeholder="Ваш телефон*" required="required" minlength="10" maxlength="15">
<button type="submit" class="button arrow">ЗАКАЗАТЬ КОНСУЛЬТАЦИЮ</button>
<span class="info">Информация не подлежит разглашению третьим лицам.</span>
</form>
// form
$(document).ready(function() {
$("#form").submit(function() {
$.ajax({
type: "POST",
url: "mail.php",
data: $(this).serialize()
}).done(function() {
$(this).find("input").val("");
alert("Спасибо за заявку! Скоро мы с вами свяжемся.");
$("#form").trigger("reset");
});
return false;
});
});
<?php
$recepient = "new.sworker90@gmail.com";
$sitename = "Ermakit";
$name = trim($_POST["name"]);
$phone = trim($_POST["phone"]);
$message = "Имя: $name \nТелефон: $phone;
$pagetitle = "Новая заявка с сайта \"$sitename\"";
mail($recepient, $pagetitle, $message, "Content-type: text/plain; charset=\"utf-8\"\n From: $recepient");