Здравствуйте! Есть форма отправки сообщения с сайта на почту. Хочу прикрутить сообщение об успешном отправлении и, чтобы после отправки страница не обновлялась. Помогите реализовать.
<script type="text/javascript">
$(document).ready(function(){
$("#form").submit(function(){
var form_data = $(this).serialize(); //собераем все данные из формы
$.ajax({
type: "POST", //Метод отправки
url: "send.php", //путь до php фаила отправителя
data: form_data,
success: function(){
//код в этом блоке выполняется при успешной отправке сообщения
alert("Ваше сообщение отпрвлено!");
}
});
});
});
</script>
<form id="form">
<div class="row 50%">
<div class="6u 12u(mobile)"><input type="text" name="name" placeholder="ФИО" required="required"/></div>
<div class="6u 12u(mobile)"><input type="text" name="email" placeholder="Email" required="required"/></div>
<div class="6u 12u(mobile)"><input type="text" name="tel" placeholder="Телефон" required="required"/></div>
<div class="6u 12u(mobile)"><input type="text" name="skype" placeholder="Skype" required="required"/></div>
</div>
<div class="row 50%">
<div class="12u"><textarea name="message" placeholder="Сообщение" rows="6" required="required"></textarea></div>
</div>
<div class="row">
<div class="12u">
<ul class="actions">
<li><input type="submit" value="Записаться" /></li>
</ul>
</div>
</div>
</form>