Отправка формы на почту. Верстка валидация и отправка формы без перезагрузки. AJAX. PHPMailer.

Отправка формы на почту очень частая задача при разработке любого сайта. Особенно популярна форма на лендинг. Конечно же при этом форму нужно красиво сверстать, а также особым образом валидировать поля формы. Поэтому в этом выпуске я решил показать как сделать все это сразу используя HTML CSS JavaScript и плагин PHP PHPMailer. Ты научишься верстать и стилизовать различные элементы форм такие как checkbox radio select button file и другие. Добавим крутую фишку превью для загружаемой фотографии. Сделаем валидацию полей в том числе e-mail. И, с помощью JavaScript технологии AJAX (fetch), без перезагрузки страницы отправим форму на почту, настроив при этом плагин PHPMailer. ⚡Партнер выпуска хостинг FOZZY: 👉 Скачать результат урока на Patreon: 👉 Плагин PHPMailer: 🔴 Получить доступ к плюшкам поддержать канал: 🔴 Telegram канал: () 🔴 Telegram чат по верстке: () 🔴 Facebook: 🔴 Instagram: Содержание: 00:00 - В выпуске 00:34 - РЕКЛАМА 01:53 - Пишем HTML код 11:22 - Стилизация формы на CSS 12:02 - Стилизация INPUT и TEXTAREA на CSS 13:15 - Стилизация RADIO кнопок на CSS 18:21 - Стилизация SELECT 20:51 - Стилизация INPUT FILE на CSS 23:48 - Стилизация CHECKBOX на CSS 26:53 - Стилизация BUTTON на CSS 28:44 - Стилизация состояния при фокусе 30:07 - Пишем JavaScript 31:30 - Пишем валидацию формы на JS 38:32 - Пишем добавление файла на JS 41:31 - Пишем отправку формы на JS (fetch) 46:02 - Работа с PHPMailer. Отправка письма 50:13 - Загрузка на сервер 50:27 - Проверка работы 51:15 - Заключение 👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками! Ссылка на канал: 🤟 Живи, а работай в свободное время! ©