Skip to main content

Научите како да потврдите обрасце са ЈаваСцрипт или ЦГИ

Anonim

Једном када имате ХТМЛ форму и покренете, често ћете желети да се уверите да су сва важна поља попуњена. На примјер, ако ћете послати е-маил адресу за потврду е-поште, адресу е-поште треба укључити у поља поља , и требало би да буде адреса е-поште која ради.

Постоје два начина да потврдите своје форме:

  1. Коришћење ЈаваСцрипт-а
  2. Користећи ЦГИ скрипту

Предности употребе ЈаваСцрипт-а за валидацију образаца

  • Коришћењем јавасцрипта не користите време процесора за сервер. Сва обрада се врши на клијентском рачунару.
  • Често се чини да ради брже од валидације ЦГИ.
  • С обзиром да се страница форми није променила, читачу је лако поправити грешке.

Збуњавање употребе ЈаваСцрипт-а за валидирање образаца

  • ЈаваСцрипт ради само на претраживачима којима је омогућено. Ако је ЈаваСцрипт онемогућен, провера грешака се не врши.

Тхе Прос Усинг ЦГИ за валидирање форми

  • Употреба ЦГИ за валидацију обезбеђује да сваки пут када се образац подноси, валидација ће се покренути.

Збуњеност употребе ЦГИ за валидирање форми

  • ЦГИ ставља више оптерећења на Веб сервер, а свака функција која је укључена у ЦГИ је још један задатак за сервер.
  • ЦГИ може бити споро да се покрене.
  • Ако постоји грешка, клијент се мора вратити на прву страницу формулара, или ЦГИ-ју треба другу функцију да преправи страницу формулара.

Начин на који то решавам јесте да већина провере грешака ради са ЈаваСцрипт-ом. На тај начин, то је брзо и лако за читаоце. Затим проверавам виталне елементе облика са ЦГИ.

Како користити ЈаваСцрипт за потврђивање ХТМЛ формулара

Основна претпоставка креирања валидације формулара је тражити имена елемента обрасца који су потребни, а ако су празни, приказати поруку о грешци.

Већина програма за проверу грешака проверава сваки по један по један и појави једну грешку истовремено. Ово може учинити напорним испуњавањем форме, а људи могу да зауставе у средини. Ако користите следећу скрипту и Перл извор ћете знати како да потврдите цијели образац одједном, приказујући низ порука о грешци које ваш читатељ може вратити и поправити.

ЈаваСцрипт за валидацију образаца

У главном дијелу вашег ХТМЛ-а, треба креирати скрипту за извршавање валидације формулара:

  1. Подесите скрипту и проверите да ли је сакривен од прегледача који не могу да обављају ЈаваСцрипт.

Затим, да бисте позвали скрипту, ставите елемент онсубмит у ознаку обрасца:

ЦГИ за валидне форме

Овај фрагмент ЦГИ скрипте Перл-а врши исту ствар као и ЈаваСцрипт. Она проверава да ли постоје потребна поља, а ако не, чува поруку о грешци у варијаблу за приказ:

#! / уср / лоцал / бин / перл$ еррор = "";ако ($ у {'дд'} ек ""){ $ еррор + = "Изаберите из падајућег оквира.';}ако ($ у {'ријечи'} ек ""){ $ еррор + = "Молимо унесите неке речи у текстуално поље.';}# … наставите проверавати сва пољаако ($ грешка) принт "Цонтент-типе: тект / хтмл н н"; принт " Грешка'; принт "<> принт "

Дошло је до грешке

'; принт $ еррор; принт "Молимо вратите се и исправите ове грешке."; принт "';} елсе { # Наставите са ЦГИ …}

Разлика у томе како ЦГИ пише поруку о грешци је да уместо " н" користи ознаку ХТМЛ параграфа да ставља нову линију између сваке грешке.

А сада сте потврдили свој образац

Са два метода, ЦГИ и ЈаваСцрипт, валидирали сте ХТМЛ форму тако да је више дијелова који су вам послани тачни.