Проверка формы использовалась на сервере после того, как клиент ввел все необходимые данные, а затем нажал кнопку «Отправить». Если некоторые из данных, которые были введены клиентом, были в неправильной форме или просто отсутствовали, сервер должен был бы отправить все данные обратно клиенту и запросить повторную отправку формы с правильной информацией. Это был действительно длительный процесс и перегрузка сервера. 
JavaScript обеспечивает способ проверки данных формы на компьютере клиента перед отправкой на веб-сервер . Проверка формы обычно выполняет две функции.
Базовая проверка — Прежде всего, необходимо проверить форму, чтобы убедиться, что данные были введены в каждое поле формы, которое им требовалось. Это должно было бы просто пройтись по каждому полю в форме и проверить данные.
Проверка формата данных — во-вторых, введенные данные должны быть проверены на правильность формы и значения. Это должно было бы добавить больше логики для проверки правильности данных.
Здесь, в этом уроке, я покажу, как проверять поля имени пользователя и телефона в форме отправки события?
Подобное должно читаться: JavaScript для проверки полей электронной почты и пароля при отправке события
Как проверить Username Field ?
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
функция validateUsername ( fld ) {
вар ошибка знак равно ;
вар illegalChars знак равно / / Вт /; // разрешить буквы, цифры и подчеркивания
если (FLD. Значение == ) {
FLD. стиль. фон знак равно «Желтый» ;
ошибка знак равно Вы не ввели имя пользователя ./n ;
предупреждение ( ошибка ) ;
вернуть ложь ;
} еще если ( ( фд . значение . длина < 5 ) | | ( Поля . Значение . Длина > 15 ) ) {
FLD. стиль. фон знак равно «Желтый» ;
ошибка знак равно Имя пользователя неправильной длины ./n ;
предупреждение ( ошибка ) ;
вернуть ложь ;
} еще если ( invalidChars . test ( fld . value ) ) {
FLD. стиль. фон знак равно «Желтый» ;
ошибка знак равно Имя пользователя содержит недопустимые символы ./n ;
предупреждение ( ошибка ) ;
вернуть ложь ;
} еще {
FLD. стиль. фон знак равно «Белый» ;
}
вернуть правда ;
}
|
Как проверить Phone Field ?
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
|
функция validatePhone ( fld ) {
вар ошибка знак равно ;
вар раздетый знак равно FLD. значение. заменить ( / [ / ( / ) / ./-/] / г , '' ) ;
если (FLD. Значение == ) {
ошибка знак равно Вы не ввели номер телефона ./n ;
FLD. стиль. фон знак равно «Желтый» ;
предупреждение ( ошибка ) ;
вернуть ложь ;
} еще если ( isNaN ( parseInt ( раздетый ) ) ) {
ошибка знак равно Номер телефона содержит недопустимые символы. Не используйте тире (-) / n ;
FLD. стиль. фон знак равно «Желтый» ;
предупреждение ( ошибка ) ;
вернуть ложь ;
} еще если ( ! ( раздели . длина == 10 ) ) {
ошибка знак равно Номер телефона неправильной длины. Убедитесь, что вы указали код города. Не используйте тире (-) / n ;
FLD. стиль. фон знак равно «Желтый» ;
предупреждение ( ошибка ) ;
вернуть ложь ;
}
вернуть правда ;
}
|
ПРИМЕЧАНИЕ. Пожалуйста, обновите значение и условия имени поля формы.
0.00 (0%) 0 votes
