UI-компоненты №13. Валидация и отправка формы на почту в 2022

YOUTUBE · 01.12.2025 09:35

Ключевые темы и таймкоды

Введение

0:05
  • Автор рассказывает о том, как сделать валидацию формы и отправить ее на почту.
  • Он использует старую версию JQuery Validation, так как новая версия не работает корректно.

Создание формы

1:04
  • Создание простой формы с полями для ввода имени, телефона и адреса электронной почты.
  • Использование плагина для маскировки номера телефона.

Валидация формы

6:01
  • Создание функции для валидации формы с использованием JQuery Validation.
  • Проверка обязательных полей и проверка длины и количества символов в полях.
  • Использование функции для обработки не маскированного значения телефона.
  • Проверка, что в поле введены только цифры.

Работа с валидацией

9:55
  • В видео рассказывается о том, как изменить подсказки валидации в PHP.
  • Описывается объект, который позволяет обращаться к полям и изменять их значения.
  • Также объясняется, как изменить описание поля и адрес электронной почты.

Отправка формы

14:48
  • Автор объясняет, как скачать и установить библиотеку PHP Mailer на GitHub.
  • Создается файл PHP, который обрабатывает отправку формы.
  • В файле используется класс из библиотеки PHP Mailer для создания и отправки письма.
  • Описываются настройки почты, такие как использование SMTP-сервера, логин и пароль.

Отправка письма с данными

19:42
  • В видео рассказывается о том, как отправить письмо с данными, используя PHP и SMTP.
  • Сначала автор объясняет, как изменить пароль и указать порт для SMTP-сервера.
  • Затем он показывает, как указать получателя письма и прикрепить файл.
  • После этого автор объясняет, как отправить письмо, используя PHP и SMTP.

Создание пароля для SMTP

22:39
  • Автор объясняет, как создать пароль для SMTP, используя Google.
  • Он показывает, как зайти в аккаунт Google, включить анти-фиксацию и создать новый пароль.
  • Затем автор объясняет, как сохранить пароль и использовать его в коде.

Отправка письма

24:36
  • Автор показывает, как отправить письмо, используя PHP и SMTP.
  • Он объясняет, как создать запрос, открыть соединение и вызвать метод для отправки формы.
  • Затем автор демонстрирует, как проверить, успешно ли отправлено письмо, и как очистить форму после отправки.

Загрузка на хостинг

26:32
  • Автор загружает файлы на хостинг и проверяет, что письмо успешно отправлено.
  • Он также объясняет, как добавить код для отображения сообщения пользователю после отправки письма.