1. В файл HTML между тегами HEAD размещаем скрипт, где указываем Id формы (в данном случае #contact-form) и расположение файла send_form.php:
<script>
function send_form() {
var msg = $("#contact-form").serialize();
$.ajax({
type: "POST",
url: "send_form.php",
data: msg,
success: function(data) {
alert("Сообщение отправлено");
setTimeout(function () {
$(".feedback_form_bg").fadeOut();}, 1000);
},
error: function(xhr, str){
alert("Возникла ошибка!");
setTimeout(function () {$(".feedback_form_bg").fadeOut();}, 1000);
}
});
}
</script>
2. Между тегами BODY размещаем непосредственно саму форму:
<form method="post" action="javascript:void(0);" onsubmit="send_form();" id="contact-form">
<input type="text" id="name" name="name" placeholder="Ваше имя и фамилия" required="required" /></br>
<input type="email" id="email" name="email" placeholder="Ваш электронный адрес" required="required" /></br>
<input type="text" id="subject" name="subject" placeholder="Тема сообщения" required="required" /></br>
<textarea name="message" id="message" rows="4" cols="25" required="required" placeholder="Ваше сообщение"> </textarea></br>
<button type="submit" id="btnContactUs">Отправить сообщение</button></br></form>
3. Содержимое файла send_form.php
<?php
$name= $_POST['name'];
$subject= $_POST['subject'];
$email= $_POST['email'];
$message= $_POST['message'];
$emailTo = 'name@name.ru'; //Сюда введите Ваш email
$body = "$name \n\n$subject\n\n$email \n\n$message";
$headers = "Content-Type: text/plain; charset=utf-8\r\n".'From: MySite <'.$emailTo.'>' . "\r\n" . 'Reply-To: ' . $emailTo;
mail($emailTo, $name, $body, $headers);
$emailSent = true;
?>
4. Все файлы должны располагаться на сервере с поддержкой PHP.
<script>
function send_form() {
var msg = $("#contact-form").serialize();
$.ajax({
type: "POST",
url: "send_form.php",
data: msg,
success: function(data) {
alert("Сообщение отправлено");
setTimeout(function () {
$(".feedback_form_bg").fadeOut();}, 1000);
},
error: function(xhr, str){
alert("Возникла ошибка!");
setTimeout(function () {$(".feedback_form_bg").fadeOut();}, 1000);
}
});
}
</script>
2. Между тегами BODY размещаем непосредственно саму форму:
<form method="post" action="javascript:void(0);" onsubmit="send_form();" id="contact-form">
<input type="text" id="name" name="name" placeholder="Ваше имя и фамилия" required="required" /></br>
<input type="email" id="email" name="email" placeholder="Ваш электронный адрес" required="required" /></br>
<input type="text" id="subject" name="subject" placeholder="Тема сообщения" required="required" /></br>
<textarea name="message" id="message" rows="4" cols="25" required="required" placeholder="Ваше сообщение"> </textarea></br>
<button type="submit" id="btnContactUs">Отправить сообщение</button></br></form>
3. Содержимое файла send_form.php
<?php
$name= $_POST['name'];
$subject= $_POST['subject'];
$email= $_POST['email'];
$message= $_POST['message'];
$emailTo = 'name@name.ru'; //Сюда введите Ваш email
$body = "$name \n\n$subject\n\n$email \n\n$message";
$headers = "Content-Type: text/plain; charset=utf-8\r\n".'From: MySite <'.$emailTo.'>' . "\r\n" . 'Reply-To: ' . $emailTo;
mail($emailTo, $name, $body, $headers);
$emailSent = true;
?>
4. Все файлы должны располагаться на сервере с поддержкой PHP.
Комментариев нет:
Отправить комментарий