Når du har en HTML-form op og kører, vil du ofte gerne sørge for at alle vigtige felter er udfyldt. Hvis du f.eks. Vil sende et e-mail-bekræftelsesbrev, skal e-mail-adressen være med i formularfelterne , og det skal være en e-mail-adresse, der virker.
Der er to måder at validere dine formularer på:
- Brug af JavaScript
- Brug af et CGI script
Fordelene ved at bruge JavaScript til validering af formularer
- Ved hjælp af javascript bruger du ikke nogen serverprocessortid. Hele behandlingen foregår på klientcomputeren.
- Det virker ofte at arbejde hurtigere end CGI-validering.
- Da formularsiden ikke er ændret, er det let for læseren at rette fejlene.
Ulemperne ved at bruge JavaScript til at validere formularer
- JavaScript virker kun på browsere, der har aktiveret det. Hvis JavaScript er deaktiveret, bliver din fejlkontrol ikke færdig.
Fordelene ved at bruge CGI til validering af formularer
- Ved at bruge en CGI til validering sikrer man, at hver gang formularen indsendes, vil valideringen køre.
Ulemperne ved at bruge CGI til validering af formularer
- CGI lægger mere belastning på webserveren, og hver funktion, der er inkluderet i CGI, er en ekstra opgave for serveren.
- CGI kan være langsom at køre.
- Hvis der er en fejl, skal kunden enten gå tilbage til den første side af formularen, eller CGI har brug for en anden funktion til at omskrive formularen.
Måden jeg håndterer på dette er at få størstedelen af fejlkontrollen udført med JavaScript. På den måde er det hurtigt og nemt for læserne. Jeg kontrollerer derefter de vitale elementer i formularen med CGI.
Sådan bruges JavaScript til at validere HTML-formularer
Den grundlæggende forudsætning for at oprette form validering er at søge efter navnene på formelementer, der kræves, og hvis de er tomme, skal du vise en fejlmeddelelse.
De fleste fejlkontrolprogrammer kontrollerer hvert felt en ad gangen og viser en fejl ad gangen. Dette kan gøre udfyldning af formen kedelig, og folk kan stoppe i midten. Hvis du bruger følgende script og Perl kilde, vil du vide, hvordan du validerer en hel formular på én gang, viser en serie fejlmeddelelser, som din læser kan derefter gå tilbage og rette.
JavaScript for at validere en formular
I hoveddelen af din HTML skal du oprette et script til formularvalidering:
- Opsæt scriptet, og sørg for, at det er skjult fra browsere, der ikke kan håndtere JavaScript.
Så, for at ringe til scriptet, sæt et usubmit element i formularen tag:
CGI til validering af formularer
Dette Perl-script CGI-uddrag gør det samme som JavaScript. Det kontrollerer, om de obligatoriske felter er der, og hvis ikke, gemmes en fejlmeddelelse i en variabel til visning:
#! / Usr / local / bin / perl$ error = "";hvis ($ i {'dd'} eq ""){ $ fejl + = "Vælg venligst fra drop-down boksen.';}hvis ($ i {'words'} eq ""){ $ fejl + = "Indsæt nogle ord i tekstfeltet.';}# … fortsæt med at validere alle felterhvis ($ fejl) print "Content-type: text / html n n"; Print "
Der opstod en fejl
'; print $ error; print "Venligst gå tilbage og rette disse fejl."; Print "';} ellers { # Fortsæt med CGI …}
Forskellen med, hvordan CGI skriver fejlmeddelelsen er, at i stedet for en " n" bruger den HTML-afsnitstagget til at indføre en ny linje mellem hver fejl.
Og nu har du valideret din formular
Med de to metoder, CGI og JavaScript, har du valideret en HTML-formular, så flere af de dele, der sendes til dig, er korrekte.
