UI-компоненты №13. Валидация и отправка формы на почту в 2022
Привет!
В этой части ui-компонентов я покажу, как сделать валидацию формы и ее отправку на почту через SMTP (этот способ работает для отправки на любую почту без проблем).
Содержание:
00:00 - Интро
00:39 - Про версию JustValidate
01:35 - Про форму в html
02:39 - Делаем маску для телефона
05:15 - Начинаем валидацию
07:38 - Делаем правильную валидацию телефона
10:05 - Меняем подсказки на русский язык
12:31 - Располагаем ошибки над полями
13:10 - Меняем цвет ошибок
14:05 - Скачиваем phpmailer
15:10 - Разбираем php-скрипт
21:58 - Как создать пароль для SMTP
23:59 - Пишем ajax запрос к php-файлу
26:02 - Загружаем на хостинг и тестируем
компоненты №13. Валидация и отправка формы на почту в 2022 - готовая верстка на GitHub
- библиотека JustValidate (старая версия)
- библиотека Inputmask
- библиотека phpmailer
- дополнение к этому видео с новой версией плагина
Поддержать канал:
Сайт с макетами для верстки:
Мой блог:
Мой сайт:
Канал в телеграм:
Чат для верстальщиков:
Тема VS Code: One Monokai
Шрифт VS Code: Consolas, ’Courier New’, monospace
#maxgraph #ui_компоненты
1 view
966
385
4 months ago 01:50:45 1
UI ПРАКТИКА // ЧАСТЬ 2 // ДАШБОРД
4 months ago 00:09:37 1
Adobe XD Tutorial - Sign in Sign up Page | Free Course
5 months ago 00:37:39 1
Storybook - Быстрый курс по работе и тестированию с React
5 months ago 00:13:10 1
Продвинутый урок в Figma от арт-директора. Автолейауты, компоненты и эффект яркого текста на коже.
5 months ago 00:21:27 1
Продвинутый урок по Figma от арт-директора. Автолейауты, компоненты и необычный эффект для фото
5 months ago 00:19:20 1
Рисуем сайт студии в Figma. Урок по компонентам, автолайаутам и эффекту текста в перспективе.
5 months ago 00:18:08 1
Продвинутый урок Figma. Эффект в стиле Halftone, автолейауты и компоненты
5 months ago 05:48:54 1
Миникурс: что должен уметь frontend Senior, и понимать Junior: паттерны, архитектура
5 months ago 00:28:44 2
Компоненты, стили и варианты компонентов в Figma на примере работы с аватарками. Урок Фигма
6 months ago 00:44:21 1
Дизайн система полей ввода. Все нужные состояния компонента в Figma.
6 months ago 00:25:52 1
Дизайн мобильных приложений в Figma. UX/UI дизайн приложений
7 months ago 11:12:21 1
Build a Duolingo Clone With Nextjs, React, Drizzle, Stripe (2024)