Zodra u een HTML-formulier in gebruik hebt, wilt u er vaak zeker van zijn dat alle belangrijke velden zijn ingevuld. Als u bijvoorbeeld een e-mailbevestigingsbrief verzendt, moet het e-mailadres in de formuliervelden worden opgenomen , en het zou een e-mailadres moeten zijn dat werkt.
Er zijn twee manieren om uw formulieren te valideren:
- JavaScript gebruiken
- Een CGI-script gebruiken
De voordelen van het gebruik van JavaScript voor het valideren van formulieren
- Met javascript gebruikt u geen serverprocessortijd. Alle verwerking gebeurt op de clientcomputer.
- Het lijkt vaak sneller te werken dan de CGI-validatie.
- Omdat de formulierpagina niet is gewijzigd, is het voor de lezer gemakkelijk om de fouten op te lossen.
De nadelen van het gebruik van JavaScript voor het valideren van formulieren
- JavaScript werkt alleen op browsers waarvoor dit is ingeschakeld. Als JavaScript is uitgeschakeld, wordt uw foutcontrole niet uitgevoerd.
De pluspunten van het gebruik van CGI voor het valideren van formulieren
- Het gebruik van een CGI om te valideren zorgt ervoor dat elke keer dat het formulier wordt ingediend, de validatie zal worden uitgevoerd.
De nadelen van het gebruik van CGI voor het valideren van formulieren
- CGI legt meer druk op de webserver en elke functie die is inbegrepen in de CGI is nog een taak voor de server.
- CGI kan langzaam worden uitgevoerd.
- Als er een fout optreedt, moet de klant teruggaan naar de eerste pagina van het formulier, of de CGI heeft een andere functie nodig om de formulierpagina te herschrijven.
De manier waarop ik dit aanpas, is dat het merendeel van de foutcontrole gebeurt met JavaScript. Op die manier is het snel en gemakkelijk voor de lezers. Vervolgens controleer ik de vitale elementen van het formulier opnieuw met de CGI.
Hoe JavaScript te gebruiken om HTML-formulieren te valideren
Het basisidee van het maken van formuliervalidatie is om te zoeken naar de namen van formulierelementen die vereist zijn en een leeg bericht weer te geven als deze leeg zijn.
De meeste foutcontroleprogramma's controleren elk veld één voor één en geven één fout per keer weer. Dit kan het invullen van de vorm vervelend maken en mensen kunnen in het midden stoppen. Als u het volgende script en de Perl-bron gebruikt, weet u hoe u een volledig formulier in één keer kunt valideren, met een reeks foutberichten die uw lezer vervolgens kan herstellen en herstellen.
JavaScript voor het valideren van een formulier
In het hoofdgedeelte van uw HTML moet u een script maken om de formuliervalidatie uit te voeren:
- Stel het script in en zorg ervoor dat het verborgen is voor browsers die geen JavaScript aankunnen.
Als u het script wilt bellen, plaatst u een onsubmit-element in de formuliertag:
CGI voor het valideren van formulieren
Dit Perl-script CGI-fragment doet hetzelfde als het JavaScript. Het controleert of de vereiste velden aanwezig zijn en, zo niet, slaat een foutmelding op in een variabele voor weergave:
#! / Usr / local / bin / perl$ error = "";if ($ in {'dd'} eq ""){ $ error + = "Selecteer uit de vervolgkeuzelijst.';}if ($ in {'words'} eq ""){ $ error + = "Voeg enkele woorden toe in het tekstvak.';}# … blijf alle velden validerenif ($ fout) print "Content-type: text / html n n"; print "
Er is een fout opgetreden
'; print $ error; print "Ga alstublieft terug en corrigeer deze fouten."; print "';} else { # Ga verder met de CGI …}
Het verschil met hoe de CGI de foutmelding schrijft, is dat in plaats van een " n", het HTML-alinea-tag gebruikt om een nieuwe regel tussen elke fout in te zetten.
En nu hebt u uw formulier gevalideerd
Met de twee methoden, CGI en JavaScript, hebt u een HTML-formulier gevalideerd, zodat meer van de delen die naar u zijn verzonden, juist zijn.
