Når du har et HTML-skjema oppe, vil du ofte sørge for at alle viktige felt er fylt ut. Hvis du for eksempel skal sende et e-postbekreftelsesbrev, skal e-postadressen være inkludert i skjemafeltene , og det skal være en e-postadresse som fungerer.
Det finnes to måter å validere skjemaene dine på:
- Bruk av JavaScript
- Bruke et CGI-skript
Fordelene med å bruke JavaScript for validering av skjemaer
- Ved hjelp av javascript bruker du ikke noen serverprosessor tid. All behandling er utført på klientdatamaskinen.
- Det ser ofte ut til å fungere raskere enn CGI-valideringen.
- Siden skjema siden ikke har endret seg, er det lett for leseren å fikse feilene.
Ulemper med å bruke JavaScript for validering av skjemaer
- JavaScript fungerer bare på nettlesere som har aktivert det. Hvis JavaScript er deaktivert, blir feilkontrollen din ikke ferdig.
Fordelene med å bruke CGI for validering av skjemaer
- Ved hjelp av en CGI for validering sikrer at valideringen hver gang formularen sendes inn, kjøres.
Ulemper med å bruke CGI for validering av skjemaer
- CGI legger mer belastning på webserveren, og hver funksjon som er inkludert i CGI er en ekstra oppgave for serveren.
- CGI kan være sakte å kjøre.
- Hvis det oppstår en feil, må kunden enten gå tilbake til den første siden av skjemaet, eller CGI trenger en annen funksjon for å omskrive skjemaet.
Måten jeg håndterer dette på er å få mesteparten av feilkontrollen gjort med JavaScript. På den måten er det raskt og enkelt for leserne. Jeg kontrollerer deretter de vitale elementene i skjemaet med CGI.
Slik bruker du JavaScript for å validere HTML-skjemaer
Den grunnleggende forutsetningen for å opprette form validering er å lete etter navnene på skjemaelementer som kreves, og hvis de er tomme, viser en feilmelding.
De fleste feilkontrollprogrammer kontrollerer hvert felt en om gangen, og viser en feil om gangen. Dette kan gjøre fylle ut skjemaet kjedelig, og folk kan stoppe i midten. Hvis du bruker følgende skript og Perl-kilde, vet du hvordan du kan validere en hel form samtidig, og viser en serie feilmeldinger som leseren din kan da gå tilbake og fikse.
JavaScript for å validere en skjema
I hoveddelen av HTML-en din, bør du opprette et skript for å gjøre form validering:
- Sett opp skriptet, og sørg for at det er skjult fra nettlesere som ikke kan håndtere JavaScript.
Så, for å ringe skriptet, legg et usubmit-element i skjemaetiketten:
CGI for validering av skjemaer
Dette Perl-script CGI-kodestykket gjør det samme som JavaScript. Det kontrollerer om de nødvendige feltene er der, og hvis ikke, lagrer en feilmelding i en variabel for visning:
#! / Usr / local / bin / perl$ error = "";hvis ($ i {'dd'} eq ""){ $ error + = "Vennligst velg fra rullegardinlisten.';}hvis ($ i {'ord'} eq ""){ $ error + = "Vennligst legg inn noen ord i tekstboksen.';}# … fortsett å validere alle feltenehvis ($ feil) skriv ut "Innholdstype: tekst / html n n"; skrive ut "
Det har oppstått en feil
'; skriv ut $ feil skriv ut "Vennligst gå tilbake og korrigere disse feilene."; skrive ut "';} annet { # Fortsett med CGI …}
Forskjellen med hvordan CGI skriver feilmeldingen er at i stedet for en " n" bruker den HTML-avsnittetiketten for å sette en ny linje mellom hver feil.
Og nå har du bekreftet skjemaet ditt
Med de to metodene, CGI og JavaScript, har du validert et HTML-skjema slik at flere av delene som sendes til deg, er nøyaktige.
