
#14 - Обработка формы на: JavaScript, Ajax и PHP
В предыдущем уроке мы начали разработку формы обратной связи. В ходе урока мы закончим работу над ней и добавим все необходимые функции для корректной работы формы. Форма будет проверять все данные и отправлять их на почту при помощи PHP.
Видеоурок
PHP сам по себе не отправляет почту, тем не менее у него есть специальная функция mail()
, которая передает данные на отправку почты.
Для отправки почты необходимо в функцию mail передать несколько параметров:
- Email получателя;
- Закодированная тема сообщения через функцию
base64_encode
; - Само сообщение (просто текст);
- Заголовки. Специальная строка, которая указывает от кого пришло письмо и на какой адрес стоит пересылать сообщения ответы.
Предлагаем также просмотреть более подробный урок по созданию формы обратной связи:
Материалы для курса
Чтобы скачивать материалы к видеокурсам необходимо оформить подписку на сайт
Исходный код
Код для проверки формы
<!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>
Онлайн редактор кода
Загрузка...
Также стоит посмотреть
Комментарии