itProger Видеокурсы Создание динамического веб сайта #14 - Обработка формы на: JavaScript, Ajax и PHP

#14 - Обработка формы на: JavaScript, Ajax и PHP

В предыдущем уроке мы начали разработку формы обратной связи. В ходе урока мы закончим работу над ней и добавим все необходимые функции для корректной работы формы. Форма будет проверять все данные и отправлять их на почту при помощи PHP.

Видеоурок

PHP сам по себе не отправляет почту, тем не менее у него есть специальная функция mail(), которая передает данные на отправку почты.

Для отправки почты необходимо в функцию mail передать несколько параметров:

Email получателя;
Закодированная тема сообщения через функцию base64_encode;
Само сообщение (просто текст);
Заголовки. Специальная строка, которая указывает от кого пришло письмо и на какой адрес стоит пересылать сообщения ответы.

Предлагаем также просмотреть более подробный урок по созданию формы обратной связи:

Материалы для курса

website.zip

Чтобы скачивать материалы к видеокурсам необходимо оформить подписку на сайт

Исходный код

Код для проверки формы

<!DOCTYPE html>
<html>
    <head>
        <?php
  $title = "Обратная связь";
  require_once "blocks/head.php"; 
  ?>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js">
  </script>
  <script>
   $(document).ready (function () {
    $("#done").click (function () {
     $("#messageShow").hide ();
     var name = $("#name").val ();
     var email = $("#Email").val ();
     var subject = $("#subject").val ();
     var message = $("#message").val ();
     var fail = "";
     if (name.length < 3) { 
     fail = "Имя не меньше 3 символов";
     } else if (email.split ('@').length - 1 == 0 || email.split ('.').length - 1 == 0) {
      fail = "Вы ввели неоректный E-mail";
      } else if (subject.length < 5) {
       fail = "Тема сообщения меньше 5 символов";
          } else if (message.length < 20) {
        fail = "Сообщение не менее 20 символов";
        }
     if (fail != "") {
      $('#messageShow').html (fail + "<div class='clear'><br></div>");
      $('#messageShow').show ();
      return false;
     }
    });
   });
  </script>
    </head>
    <body>
        <?php require_once "blocks/header.php" ?>
        <div id="wrapper">
            <div id="leftCol">
    <input type="text" placeholder="Имя" id="name" name="name"><br>
    <input type="text" placeholder="Email" id="Email" name="Email"><br>
    <input type="text" placeholder="Тема сообщения" id="subject" name="subject"><br>
    <textarea name="message" id="message" placeholder="Введите сюда ваше сообщение"></textarea><br>
    <div id="messageShow"></div>
    <input type="button" name="done" id="done" value="Отправить">
            </div>
            <?php require_once "blocks/rightCol.php" ?>
        </div>
        <?php require_once "blocks/footer.php" ?>
    </body>
</html>

PHP

MySQL

JavaScript