5 июл. 2016 г.

Форма обратной связи

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.

Комментариев нет:

Отправить комментарий