Содержание
После того, как у вас есть HTML-форма, и вы часто будете хотеть убедиться, что все важные поля заполнены. Например, если вы собираетесь отправить письмо с подтверждением по электронной почте, адрес электронной почты должен быть включен в поля формы , и это должен быть адрес электронной почты, который работает.
Два варианта проверки
Есть два способа проверки ваших форм:
- Использование JavaScript
- Использование CGI-скрипта.
Преимущества использования JavaScript для проверки форм
- Используя JavaScript, вы не используете процессорное время сервера. Вся обработка выполняется на клиентском компьютере.
- Часто кажется, что он работает быстрее, чем проверка CGI.
- Поскольку страница формы не изменилась, читателю легко исправить ошибки.
Минусы использования JavaScript для проверки форм
- JavaScript работает только в тех браузерах, в которых он включен. Если JavaScript отключен, проверка ошибок не выполняется.
Преимущества использования CGI для проверки форм
- Использование CGI для проверки гарантирует, что при каждой отправке формы проверка будет выполняться.
Минусы использования CGI для проверки форм
- CGI увеличивает нагрузку на веб-сервер, и каждая функция, включенная в CGI, является еще одной задачей для сервера.
- CGI может работать медленно.
- В случае ошибки клиент должен либо вернуться на первую страницу формы, либо CGI нужна другая функция для перезаписи страницы формы.
Чтобы справиться с этим, нужно выполнить большую часть проверки ошибок с помощью JavaScript. Таким образом, это быстро и легко для читателей. Затем вы перепроверяете жизненно важные элементы формы с помощью CGI.
Как использовать JavaScript для проверки HTML-форм
Основная предпосылка создания проверки формы состоит в том, чтобы искать имена обязательных элементов формы и, если они пусты, отображать сообщение об ошибке.
Большинство программ проверки ошибок проверяют каждое поле по одному и отображают одну ошибку за раз. Это может сделать заполнение формы утомительным, и люди могут остановиться посередине. Если вы используете следующий сценарий и исходный код Perl, вы будете знать, как проверять сразу всю форму, отображая серию сообщений об ошибках, которые ваш читатель сможет затем восстановить и исправить.
JavaScript для проверки формы
В заголовочной части вашего HTML вы должны создать скрипт для проверки формы:
- Настройте сценарий и убедитесь, что он скрыт от браузеров, которые не поддерживают JavaScript. Прочтите: Почему и как использовать исходящие ссылки