Opi käyttämään JavaScript- tai CGI-lomakkeiden vahvistamista

Kun HTML-lomake on käynnissä, sinun on usein varmistettava, että kaikki tärkeät kentät täytetään. Jos esimerkiksi lähetät sähköpostin vahvistuskirjeen, sähköpostiosoite tulee sisällyttää lomakekenttään , ja sen pitäisi olla sähköpostiosoite, joka toimii.

Lomakkeiden vahvistaminen on mahdollista kahdella tavalla:

1. JavaScriptin käyttäminen
2. CGI-komentosarjan käyttö

Ammattilaiset käyttävät Javascriptia lomakkeiden validointiin

• Käyttämällä javascriptiä et käytä palvelimen prosessorin aikaa. Kaikki käsittely suoritetaan asiakastietokoneessa.
• Näyttää usein toimivan nopeammin kuin CGI-validointi.
• Koska lomakekohta ei ole muuttunut, lukija voi helposti korjata virheet.

Javascriptin käyttämät haitat lomakkeiden validointiin

• JavaScript toimii vain selaimissa, joissa se on käytössä. Jos JavaScript on poistettu käytöstä, virheen tarkistus ei onnistu.

CGI: n käyttäjiä lomakkeiden validointiin

• Validointiin käytettävän CGI: n avulla varmistetaan, että lomakkeen lähettäminen aina, kun validointi suoritetaan.

CGI: n käyttämät muodot validoivat

• CGI asettaa lisää kuormitusta Web-palvelimelle, ja jokainen CGI: n sisältämä toiminto on myös yksi palvelimen tehtävä.
• CGI voi olla hidasta.
• Jos on virhe, asiakkaan on joko palattava lomakkeen ensimmäiselle sivulle tai CGI tarvitsee toisen toiminnon muokkaussivun uudelle kirjoittamiseksi.

Se, miten käsittelen tätä, on saada suurin osa virheen tarkistamisesta JavaScriptin avulla. Näin lukijoille on nopeaa ja helppoa. Tarkistan sitten lomakkeen tärkeät elementit CGI: lla.

HTML-lomakkeiden validointi JavaScriptin käyttämiseen

Lomakkeen validoinnin perusedellytys on etsiä tarvittavien lomakkeiden nimet, ja jos ne ovat tyhjiä, näyttöön tulee virheilmoitus.

Useimmat virheiden tarkistusohjelmat tarkistavat kukin kentän yksi kerrallaan ja näyttävät yhden virheen kerrallaan. Tämä saattaa täyttää muodon ikäväksi ja ihmiset pysähtyvät keskelle. Jos käytät seuraavaa komentosarjaa ja Perl-lähdettä, tiedät, kuinka koko lomake tarkistetaan kerralla, jolloin näytetään sarja virheviestejä, joiden lukija voi sitten palata ja korjata.

Lomakkeen validointi JavaScript

HTML-koodin pääosassa sinun on luotava komentotiedosto, jolla lomakkeen validointi suoritetaan:

1. Aseta käsikirjoitus ja varmista, että se on piilotettu selaimilta, jotka eivät pysty käsittelemään JavaScriptiä.

Soittaaksesi sitten käsikirjoituksen, laita lomakkeen tag onsubmit-elementti:

CGI lomakkeiden validointiin

Tämä Perl-komentosarja CGI-koodinpätkä tekee samoja kuin JavaScript. Se tarkistaa, onko vaaditut kentät olemassa, ja jos ei, tallentaa virheilmoituksen näytettävään muuttujaan:

#! / Usr / local / bin / perl$ error = "";jos ($ in {'dd'} eq ""){ $ error + = "Valitse pudotusvalikosta.';}jos ($ in {'words'} eq ""){ $ error + = "Sisällytä joitain sanoja tekstikenttään.';}# … jatkaa kaikkien kenttien validointiajos ($ error) tulosta "Sisältötyyppi: teksti / html n n"; Tulosta " '; Tulosta "<> Tulosta "

Tapahtui virhe

'; tulosta $ virhe; print "Palaa takaisin ja korjaa nämä virheet."; Tulosta "';} else { # Siirry CGI: n kanssa …}

Ero siitä, miten CGI kirjoittaa virheilmoituksen, on se, että n "" sijasta se käyttää HTML-kohdan tunnistetta uuden rivin sijoittamiseen kunkin virheen väliin.

Ja nyt olet vahvistanut lomakkeen

Kaksi menetelmää, CGI: tä ja JavaScriptia, olet vahvistanut HTML-lomakkeen, jotta useammat sinulle lähetetyt osat ovat tarkkoja.