WEB - Практическая работа 4.3 - [JavaScript]
.pdfПрактическая работа №4.3
Тема: «Создание скриптов с помощью JavaScript»
Задание 1.
1.Создать HTML страницу, на которой создать форму для отправки данных.
2.Предусмотреть поля для ввода данных и кнопку для отправки данных.
3.Написать скрипт для валидации формы согласно требований, указанных в таблице 1. Т.е. отправка формы должна осуществляться только при условии заполнения формы согласно указанным требованиям. Иначе – сообщение об ошибке.
Требования к оформлению работы.
Результатом выполнения работы должен быть отчет, в котором необходимо отобразить все основные этапы работы и сопроводить его необходимыми фрагментами кода, таблицами и скриншотами.
Таблица 1:
1 |
Поле с содержимым длиной не более 15 символов. |
|
Поле с положительным числом |
|
Поле с содержимым длиной 6 символов |
|
Чекбокс во включенном состоянии |
|
Все поля обязательны для заполнения |
2 |
Поле с числовым значением от 1500 до 1600 |
|
Поле с содержимым длиной 15 символов |
|
Поле с числовым значением и разделителем “.” |
|
Поле с числовым ненулевым значением |
|
Все поля обязательны для заполнения |
3 |
Поле с содержимым длиной 20 символов |
|
Поле с содержимым, в котором есть символ @ |
|
Поле с числовым значением больше 600 |
|
Поле с числом, кратным 10 |
|
Все поля обязательны для заполнения |
4 |
Поле с числовым значением от -10 до 10. |
|
Поле длиной не менее 5 символов. Обязательно для заполнения. |
|
Поле со значением, равным значению предыдущего поля. |
|
Обязательно для заполнения. |
|
Чекбокс в выключенном состоянии |
5 |
Поле с числовым ненулевым значением |
|
Поле с содержимым длиной не более 8 символов |
|
Чекбокс во включенном состоянии |
|
|
Поле с числовым значением и разделителем “,” |
|
|
Все поля обязательны для заполнения |
|
6 |
|
Поле с содержимым длиной не менее 10 символов. |
|
Поле с отрицательным числом или 0 |
|
|
Поле с содержимым длиной 6 символов |
|
|
Чекбокс во включенном состоянии |
|
|
Все поля обязательны для заполнения |
|
7 |
|
Поле с числовым значением и разделителем “.” |
|
Поле с числовым значением от 100 до 1000 |
|
|
Поле с содержимым длиной 12 символов |
|
|
Поле с числовым ненулевым значением |
|
|
Все поля обязательны для заполнения |
|
8 |
|
Поле с содержимым длиной не более 3 символов |
|
Поле с содержимым, в котором есть символ @ |
|
|
Поле с числовым значением больше 200 |
|
|
Поле с числом, кратным 5 |
|
|
Все поля обязательны для заполнения |
|
9 |
|
Поле с числовым значением от 30 до 130. |
|
|
Поле с содержимым длиной не менее 9 символов. Обязательно |
|
|
для заполнения. |
|
Поле со значением, равным значению предыдущего поля. |
|
|
|
Обязательно для заполнения. |
|
Чекбокс во включенном состоянии |
|
10 |
|
Поле с числовым ненулевым значением |
|
Поле с содержимым длиной не более 6 символов |
|
|
Чекбокс во включенном состоянии |
|
|
Поле с числовым значением и разделителем “,” |
|
|
Все поля обязательны для заполнения |