Skip to main content

Научете как да потвърждавате формуляри с JavaScript или CGI

Програма за фактуриране, настройки и издаване на фактури (Април 2025)

Програма за фактуриране, настройки и издаване на фактури (Април 2025)

Съдържание:

Anonim

След като създадете и изпълнявате 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.

След това, за да се обадите на скрипта, поставете елемент за подкаст в маркера за формуляра:

CGI за потвърждаване на формуляри

Този CGI откъс от скрипта на Perl прави същото нещо като JavaScript. Той проверява дали има задължителни полета и ако не, записва съобщение за грешка в променлива за показване:

#! / ЮЕсАр / местни / хамбар / Perl$ error = "";ако ($ в {'dd'} eq ""){ $ error + = "Моля, изберете от падащото меню.';}ако ($ в {'думи'} eq ""){ $ error + = "Моля, включете няколко думи в текстовото поле.';}# … продължете да валидирате всички полетаако ($ грешка) отпечатване на "Тип съдържание: текст / html n n"; печат " грешка'; печат "<> печат "

Възникна грешка

'; отпечатване на грешка; print "Моля, върнете се и поправете тези грешки."; печат "';} else { # Продължете с CGI …}

Разликата с начина, по който CGI записва съобщението за грешка е, че вместо " n" той използва маркера за параграф HTML, за да постави нов ред между всяка грешка.

И сега сте потвърдили формуляра си

С двата метода, CGI и JavaScript, сте потвърдили HTML формуляр, така че повече от изпратените до вас части са точни.