JS-плагины №4. Валидация и отправка формы + отправка файла
Привет! В этом видео я расскажу, как настроить валидацию полей формы, как сделать маску на телефон, а так же как все это дело отправить на почту пользователю. Так же здесь будет и отправка файлов, что часто является непростой задачей для верстальщика. Поехали!)
https://github.com/horprogs/Just-validate - плагин валидации
https://github.com/RobinHerbots/Inputmask - плагин для маски
https://clck.ru/PbZVZ - исходники видео на GitHub
https://youtu.be/BwrZm9QNqA8 - верстка форм HTML
https://youtu.be/h5fSz30CLQ4 - валидация и маска формы (отдельное видео)
Содержание:
00:00 - Вступление
00:32 - Разметка формы
03:29 - Маска для телефона
06:20 - Валидация полей
14:50 - Отправка формы (js-код)
18:06 - Кратко о mail.php
23:00 - Проверка отправки на хостинге
24:38 - Простой js-обработчик файлового инпута
Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.
Понравилось? https://clck.ru/Gr9Ec
Моя страница вконтакте: http://vk.com/maxdenaro
Мой блог: http://blog.maxgraph.ru
Мой сайт: http://maxgraph.ru
Канал в телеграм: https://teleg.run/maxgraph
Чат для верстальщиков: https://teleg.run/maxgraph_chat
#обучение #отправкаформы #валидацияформы
Видео JS-плагины №4. Валидация и отправка формы + отправка файла канала MaxGraph - cайты как страсть
https://github.com/horprogs/Just-validate - плагин валидации
https://github.com/RobinHerbots/Inputmask - плагин для маски
https://clck.ru/PbZVZ - исходники видео на GitHub
https://youtu.be/BwrZm9QNqA8 - верстка форм HTML
https://youtu.be/h5fSz30CLQ4 - валидация и маска формы (отдельное видео)
Содержание:
00:00 - Вступление
00:32 - Разметка формы
03:29 - Маска для телефона
06:20 - Валидация полей
14:50 - Отправка формы (js-код)
18:06 - Кратко о mail.php
23:00 - Проверка отправки на хостинге
24:38 - Простой js-обработчик файлового инпута
Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.
Понравилось? https://clck.ru/Gr9Ec
Моя страница вконтакте: http://vk.com/maxdenaro
Мой блог: http://blog.maxgraph.ru
Мой сайт: http://maxgraph.ru
Канал в телеграм: https://teleg.run/maxgraph
Чат для верстальщиков: https://teleg.run/maxgraph_chat
#обучение #отправкаформы #валидацияформы
Видео JS-плагины №4. Валидация и отправка формы + отправка файла канала MaxGraph - cайты как страсть
Показать
Комментарии отсутствуют
Информация о видео
29 июня 2020 г. 20:00:10
00:28:03
Другие видео канала
![Отправка формы на почту. Верстка валидация и отправка формы без перезагрузки. AJAX. PHPMailer.](https://i.ytimg.com/vi/PqTrhfjLQBI/default.jpg)
![Webpack 4. Полный курс 2020](https://i.ytimg.com/vi/eSaF8NXeNsA/default.jpg)
![Верстка блога под WordPress с нуля. Адаптивная верстка макета. CSS Grid, Pixel Perfect, БЭМ](https://i.ytimg.com/vi/ERBH255wufo/default.jpg)
![Презентация для акционеров в PowerPoint | 55 идей для презентаций, PPNinja battle 32](https://i.ytimg.com/vi/asZKQISmXk4/default.jpg)
![ФОРМА ДЛЯ ИЗГОТОВЛЕНИЯ ДЕКОРАТИВНОГО КАМНЯ / DIY СВОИМИ РУКАМИ / КАЧЕСТВЕННО И НАДЁЖНО](https://i.ytimg.com/vi/J3X8Dfcq-As/default.jpg)
![Валидация формы отправки на JS](https://i.ytimg.com/vi/pdEauqv-thk/default.jpg)
![GreenSock #1. Знакомство с библиотекой](https://i.ytimg.com/vi/YSCHpnDdOrA/default.jpg)
![Разбор ваших работ по верстке онлайн. Советы по верстке. №11](https://i.ytimg.com/vi/bQ2yracUu7c/default.jpg)
![Сколько зарабатывают программисты и другие IT-специалисты? Рассказываю о своем доходе на фрилансе!](https://i.ytimg.com/vi/NhpQiiVYEv4/default.jpg)
![Практический JS. Обработка данных формы](https://i.ytimg.com/vi/ciGMQDqo1ek/default.jpg)
![Натяжка готовой верстки на WordPress. Создаем блог с нуля. WordPress, PHP, JS](https://i.ytimg.com/vi/KN-2saniuzA/default.jpg)
![Валидация инпутов на JavaScript](https://i.ytimg.com/vi/4WM1cLRb1XQ/default.jpg)
![JavaScript v. 2.0 Работаем с формами](https://i.ytimg.com/vi/Fgdn-Ub-f2E/default.jpg)
![77 - React JS - redux-form field validation (валидация, ошибки). Осторожно Замыкание!](https://i.ytimg.com/vi/WCNuRH66lEQ/default.jpg)
![JavaScript Form Validation](https://i.ytimg.com/vi/In0nB0ABaUk/default.jpg)
![Как отправлять файлы с сайта на почту | SMTP скрипт](https://i.ytimg.com/vi/EPQspfsKvRo/default.jpg)
![Основы PHP - урок 5. Валидация формы, хранение информации.](https://i.ytimg.com/vi/UvzP7MWIsxs/default.jpg)
![ВСЕ СПОСОБЫ ПОЛУЧЕНИЯ ДАННЫХ ИЗ ФОРМЫ В JAVASCRIPT](https://i.ytimg.com/vi/zUjZmsnsjU0/default.jpg)
![Как отправлять заявку с сайта на почту? SMTP скрипт отправки писем](https://i.ytimg.com/vi/-yZfdyPMzCE/default.jpg)
![Отправляем HTML формы через AJAX на JS/PHP](https://i.ytimg.com/vi/gJLnuO0j1ho/default.jpg)