Уроки Javascript

Урок #14 - Обработка форм при помощи JS

Урок #14 - Обработка форм при помощи JS

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

Видеоурок

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

Так вы можете использовать атрибут onclick для кнопки отправки или же onsubmit для тега form. Внутри функции необходимо найти все поля и взять данные из них. Для этого используйте нахождение элементов по их id:
document.getElementById('ID_ОБЪЕКТА')
При помощи различных условий вы можете проверить все ли поля заполнены и, если так, то перенаправить пользователя куда-либо или же отправить данные на сервер, но за это отвечают уже другие серверные языки программирования.

Исходный код

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

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

Загрузка...

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

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

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

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

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

Создание приложения на React JS / Использование API
7 уроков
Курс по React JS для начинающих
14 уроков
Уроки Node JS и Express для начинающих
17 уроков
Изучение React JS / Redux библиотеки
9 уроков
Создание динамического веб сайта
22 урока
Изучение JavaScript: от нуля и до создания сайта