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

У вашего броузера проблема в совместимости с HTML5

Отправка формы на почту очень частая задача при разработке любого сайта. Особенно популярна форма на лендинг. Конечно же при этом форму нужно красиво сверстать, а также особым образом валидировать поля формы. Поэтому в этом выпуске я решил показать как сделать все это сразу используя HTML CSS JavaScript и плагин PHP PHPMailer. Ты научишься верстать и стилизовать различные элементы форм такие как checkbox radio select button file и другие. Добавим крутую фишку превью для загружаемой фотографии. Сделаем валидацию полей в том числе e-mail. И, с помощью JavaScript технологии AJAX (fetch), без перезагрузки страницы отправим форму на почту, настроив при этом плагин PHPMailer.

⚡Партнер выпуска хостинг FOZZY: http://to.fozzy.com/FreelancerLife
???? Скачать результат урока на Patreon: https://www.patreon.com/posts/42671910
???? Плагин PHPMailer: https://github.com/PHPMailer/PHPMailer

???? Получить доступ к плюшкам + поддержать канал: https://www.patreon.com/freelancerlifestyle
???? Telegram канал: https://t.me/freelancer_lifestyle (https://teleg.run/freelancer_lifestyle)
???? Telegram чат по верстке: https://t.me/flschat (https://teleg.run/flschat)
???? Facebook: https://www.facebook.com/freelancerlifestyle
???? Instagram: https://www.instagram.com/freelancer.lifestyle

Содержание:
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 - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: https://www.youtube.com/c/freelancerlifestyle

???? Живи, а работай в свободное время! ©