После того, как вы создали HTML-форму, вы часто захотите убедиться, что все важные поля заполнены. Например, если вы собираетесь отправить письмо с подтверждением электронной почты, адрес электронной почты должен быть включен в поля формы , и это должен быть адрес электронной почты, который работает.
Существует два способа проверки ваших форм:
- Использование JavaScript
- Использование сценария CGI
Преимущества использования JavaScript для проверки форм
- Используя javascript, вы не используете процессорное время сервера. Вся обработка выполняется на клиентском компьютере.
- Он часто работает быстрее, чем проверка CGI.
- Поскольку страница формы не изменилась, читателю легко исправить ошибки.
Недостатки использования JavaScript для проверки форм
- JavaScript работает только в браузерах, в которых он включен. Если JavaScript отключен, проверка ошибок не выполняется.
Плюсы использования CGI для проверки форм
- Использование CGI для проверки гарантирует, что каждый раз, когда будет отправлена форма, проверка будет выполняться.
Недостатки использования CGI для проверки форм
- CGI повышает нагрузку на веб-сервер, и каждая функция, включенная в CGI, является еще одной задачей для сервера.
- CGI может работать медленно.
- Если есть ошибка, клиент должен либо вернуться на первую страницу формы, либо CGI нуждается в другой функции для перезаписи страницы формы.
То, как я справляюсь с этим, заключается в том, что большинство проверок ошибок выполняется с помощью JavaScript. Таким образом, это быстро и легко для читателей. Затем я перепроверяю жизненные элементы формы с CGI.
Как использовать JavaScript для проверки HTML-форм
Основной предпосылкой создания проверки формы является поиск имен требуемых элементов формы, а если они пусты, отобразится сообщение об ошибке.
Большинство программ проверки ошибок проверяют каждое поле по одному и отображают по одной ошибке за раз. Это может сделать заполнение формы утомительным, и люди могут остановиться посередине. Если вы используете следующий скрипт и источник Perl, вы будете знать, как сразу проверять всю форму, отображая серию сообщений об ошибках, которые ваш читатель может затем вернуться и исправить.
JavaScript для проверки формы
В основной части вашего HTML вы должны создать скрипт для проверки формы:
- Настройте скрипт и убедитесь, что он скрыт от браузеров, которые не могут обрабатывать JavaScript.
Затем, чтобы вызвать скрипт, поместите элемент onsubmit в тег формы:
CGI для проверки форм
Этот фрагмент CGI скрипта Perl делает то же, что и JavaScript. Он проверяет, есть ли требуемые поля, а если нет, сохраняет сообщение об ошибке в переменной для отображения:
#! / USR / местные / бен / Perl$ error = "";if ($ in {'dd'} eq ""){ $ error + = "Выберите из раскрывающегося списка.';}if ($ in {'words'} eq ""){ $ error + = "Пожалуйста, добавьте несколько слов в текстовое поле.';}# … продолжить проверку всех полейif ($ error) print "Content-type: text / html n n"; Распечатать "
Произошла ошибка
'; print $ error; print "Пожалуйста, вернитесь и исправьте эти ошибки."; Распечатать "';} else { # Продолжайте с CGI …}
Разница с тем, как CGI записывает сообщение об ошибке, заключается в том, что вместо « n» он использует тег абзаца HTML, чтобы помещать новую строку между каждой ошибкой.
И теперь вы подтвердили свою форму
С помощью двух методов, CGI и JavaScript, вы подтвердили форму HTML, чтобы больше деталей, которые были отправлены вам, точны.
