Делаем добро вместе Детальнее

Уроки Javascript

#12 – Управление HTML и обработка форм при помощи JS

#12 – Управление HTML и обработка форм при помощи JS

JavaScript с легкостью позволяет обрабатывать HTML формы на сайте. За урок мы научимся работать с HTML объектами, а также создадим веб форму и научимся получать из нее данные. Полученные данные будут проходить валидацию.

Видеоурок

JavaScript позволяет удобно и быстро проверять HTML-формы на их валидность. 


Можно использовать атрибут «onclick» для кнопки отправки или же «onsubmit» для тега form. Внутри функции необходимо находить все поля и брать данные из них.


Для нахождения полей можно использовать их идентификаторы:

document.getElementById('ID_ОБЪЕКТА')

При помощи условий вы можете проверять все поля и в случае их корректности перенаправлять пользователя куда-либо на другую страницу или отправлять данные на сервер.

Материалы для курса

Чтобы скачивать материалы к видеокурсам необходимо оформить подписку на сайт

Исходный код

Весь код будет доступен после подписки на проект!

Онлайн редактор кода

Загрузка...

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Изучение React JS / Redux библиотеки
9 уроков
Изучение JavaScript: от нуля и до создания сайта
Курс по React JS для начинающих
14 уроков
Уроки Angular для начинающих
7 уроков
Изучение библиотек jQuery
24 урока
Уроки React Native для начинающих / Разработка приложения с нуля
5 уроков
Комментарии для сайта Cackle