Как проверить формы с помощью JavaScript или CGI

После того, как у вас есть HTML-форма, и вы часто будете хотеть убедиться, что все важные поля заполнены. Например, если вы собираетесь отправить письмо с подтверждением по электронной почте, адрес электронной почты должен быть включен в поля формы , и это должен быть адрес электронной почты, который работает.

Два варианта проверки

Есть два способа проверки ваших форм:

  1. Использование JavaScript
  2. Использование CGI-скрипта.

Преимущества использования JavaScript для проверки форм

  • Используя JavaScript, вы не используете процессорное время сервера. Вся обработка выполняется на клиентском компьютере.
  • Часто кажется, что он работает быстрее, чем проверка CGI.
  • Поскольку страница формы не изменилась, читателю легко исправить ошибки.

Минусы использования JavaScript для проверки форм

  • JavaScript работает только в тех браузерах, в которых он включен. Если JavaScript отключен, проверка ошибок не выполняется.

Преимущества использования CGI для проверки форм

  • Использование CGI для проверки гарантирует, что при каждой отправке формы проверка будет выполняться.

Минусы использования CGI для проверки форм 

  • CGI увеличивает нагрузку на веб-сервер, и каждая функция, включенная в CGI, является еще одной задачей для сервера.
  • CGI может работать медленно.
  • В случае ошибки клиент должен либо вернуться на первую страницу формы, либо CGI нужна другая функция для перезаписи страницы формы.

Чтобы справиться с этим, нужно выполнить большую часть проверки ошибок с помощью JavaScript. Таким образом, это быстро и легко для читателей. Затем вы перепроверяете жизненно важные элементы формы с помощью CGI.

Как использовать JavaScript для проверки HTML-форм

Основная предпосылка создания проверки формы состоит в том, чтобы искать имена обязательных элементов формы и, если они пусты, отображать сообщение об ошибке.

Большинство программ проверки ошибок проверяют каждое поле по одному и отображают одну ошибку за раз. Это может сделать заполнение формы утомительным, и люди могут остановиться посередине. Если вы используете следующий сценарий и исходный код Perl, вы будете знать, как проверять сразу всю форму, отображая серию сообщений об ошибках, которые ваш читатель сможет затем восстановить и исправить.

JavaScript для проверки формы

В заголовочной части вашего HTML вы должны создать скрипт для проверки формы:

  1. Настройте сценарий и убедитесь, что он скрыт от браузеров, которые не поддерживают JavaScript.
    Прочтите:  Понимание CSS Float

И теперь вы подтвердили свою форму

С помощью двух методов, CGI и JavaScript, вы проверили HTML-форму, чтобы большинство отправленных вам частей были точными.

Ссылка на основную публикацию