Курсовая работа: Применение языка JavaScript при проверки введенных данных HTML формы

СОДЕРЖАНИЕ


ВВЕДЕНИЕ.............................................................................................................. 5

1. АНАЛИТИЧЕСКАЯ ЧАСТЬ....................................................................................................... 9

1.1 Функция валидация данных формы...................................................................... 9

1.2 Серверная валидация данных............................................................................. 10

1.3 Валидация данных формы на стороне клиента.................................................... 11

2. ТЕОРЕТИЧЕСКАЯ ЧАСТЬ............................................................................ 13

2.1 Встроенная валидация формы............................................................................ 12

2.2 Валидация с использованием jаvascript.............................................................. 13

3. ПРАКТИЧЕСКАЯ ЧАСТЬ.............................................................................. 14

3.1 Запуск VSCode и начало работы......................................................................... 14

3.2 Начало работы с jаvascript................................................................................. 15

3.3 Валидация в jаvascript....................................................................................... 15

ЗАКЛЮЧЕНИЕ...................................................................................................... 20

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ…….…………………………………25

ПРИЛОЖЕНИЯ……………………………………………………………………………..



































4

ВВЕДЕНИЕ



Актуальность данной темы состоит в том, что, «невалидные» данные, не удовлетворяющие определённым ограничениям, могут вызвать сбой в работе программы. Но что это означает? Предположим, в каком-то месте программы возникает исключение при попытке преобразовать строку в число, если строка имеет некорректный формат. Разумеется, если исключение не будет нигде перехвачено, это может привести к аварийному завершению программы. Но это маловероятный сценарий развития событий. Скорее всего в каком-то месте сработает перехватчик, который либо выдаст пользователю какое-то сообщение об ошибке в программе, либо сделает запись в журнал ошибок, после чего программа постарается восстановиться от сбоя и продолжить работу. То есть даже если валидацию не выполнять, вполне вероятно, что ничего страшного не случится. Для чего вообще нужна дополнительная проверка корректности введенных данных силами jаvascript? И почему именно JS?

Что же, для начала отметим, что перед отправкой данных с формы на сервер крайне важно проверить эти данные на корректность во избежание дальнейших ошибок работы с, например, базой данных. Такая процедура проверки введенных на стороне клиента называется валидация (от англ. Validate

– утверждать).

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