qS24YqX3

1$(document).ready(function() {
2$('#form').submit(function() { // проверка на пустоту заполненных полей.  Атрибут html5 — required не подходит (не поддерживается Safari)
3if (document.form.name.value == '' || document.form.phone.value == '' ) {
4  valid = false;
5  return valid;
6}
7$.ajax({
8  type: "POST",
9  url: "assets/templates/videoproduction/mail.php",
10  data: $(this).serialize()
11}).done(function() {
12  $('.js-overlay-thank-you').fadeIn();
13  $(this).find('input').val('');
14  $('#form').trigger('reset');
15});
16return false;
17});
18});
19
20// Закрыть попап «спасибо»
21$('.js-close-thank-you').click(function() { // по клику на крестик
22  $('.js-overlay-thank-you').fadeOut();
23});
24
25$(document).mouseup(function (e) { // по клику вне попапа
26   var popup = $('.popup');
27   if (e.target!=popup[0]&&popup.has(e.target).length === 0){
28      $('.js-overlay-thank-you').fadeOut();
29    }
30  });
31	
32<form id="form" class="white-popup-block mfp-hide">
33                <fieldset>
34                    <h4>Напишите нам</h4>
35                    <p>и мы ответим <br> на все Ваши вопросы</p>
36                    <ul>
37                        <li>
38                            <input id="name" name="name" type="text" placeholder="ФИО" required="required">
39                        </li>
40                        <li>
41                            <input id="email" name="email" type="email" placeholder="Email" required="required">
42                        </li>
43                        <li>
44                            <input id="phone" name="phone" type="tel" placeholder=" Телефон" required="required">
45                        </li>
46                        <li>
47                            <textarea id="task" name="task" type="text" placeholder="Описание задачи" rows="5"></textarea>
48                        </li>
49                    </ul>
50                    <button id="form_btn" type="submit">Отправить</button>
51                    <div class="agree-policy">Нажимая кнопку "Отправить", я даю своё согласие на <a class="popup-with-zoom-anim" href="#small-dialog">обработку персоональных данных</a></div>
52
53                </fieldset>
54            </form>
55            <div class="overlay js-overlay-thank-you">
56        <div class="popup js-thank-you">
57            <h2>Спасибо за заявку</h2>
58            <div class="close-popup js-close-thank-you"></div>
59        </div>
60    </div>
61	
62$recepient = "***@gmail.com";
63$siteName = "Ajax-форма";
64
65$name = trim($_POST["name"]);
66$phone = trim($_POST["phone"]);
67$email = trim($_POST["email"]);
68$task = trim($_POST["task"]);
69$message = "Имя: $name nТелефон: $phone nE-mail: $email Описание задачи:      $task";
70
71$pagetitle = "Заявка с сайта "$siteName"";
72mail($recepient, $pagetitle, $message, "Content-type: text/plain;     charset="utf-8"n From: $recepient");
73
74?>