Wenn Sie ein HTML-Formular eingerichtet haben, möchten Sie häufig sicherstellen, dass alle wichtigen Felder ausgefüllt sind. Wenn Sie beispielsweise ein E-Mail-Bestätigungsschreiben senden, sollte die E-Mail-Adresse in die Formularfelder aufgenommen werden und es sollte eine E-Mail-Adresse sein, die funktioniert.
Es gibt zwei Möglichkeiten, Ihre Formulare zu überprüfen:
- Verwendung von JavaScript
- Verwenden eines CGI-Skripts
Die Vorteile der Verwendung von JavaScript zum Überprüfen von Formularen
- Mit Javascript verwenden Sie keine Serverprozessorzeit. Die gesamte Verarbeitung erfolgt auf dem Clientcomputer.
- Es scheint oft schneller zu funktionieren als die CGI-Validierung.
- Da sich die Formularseite nicht geändert hat, ist es für den Leser einfach, die Fehler zu beheben.
Die Nachteile der Verwendung von JavaScript zum Überprüfen von Formularen
- JavaScript funktioniert nur bei aktivierten Browsern. Wenn das JavaScript deaktiviert ist, wird Ihre Fehlerprüfung nicht durchgeführt.
Die Vorteile der Verwendung von CGI zur Validierung von Formularen
- Durch die Verwendung einer CGI zur Validierung wird sichergestellt, dass die Validierung jedes Mal ausgeführt wird, wenn das Formular gesendet wird.
Die Nachteile der Verwendung von CGI zur Validierung von Formularen
- CGI belastet den Webserver stärker, und jede Funktion, die in der CGI enthalten ist, ist eine weitere Aufgabe für den Server.
- CGI kann langsam ausgeführt werden.
- Wenn ein Fehler auftritt, muss der Kunde entweder zur ersten Seite des Formulars zurückkehren oder das CGI benötigt eine andere Funktion, um die Formularseite neu zu schreiben.
Wie ich damit umgehe, besteht darin, die Mehrheit der Fehlerprüfung mit JavaScript durchzuführen. Auf diese Weise ist es für die Leser schnell und einfach. Ich überprüfe dann die wesentlichen Elemente des Formulars mit der CGI.
Verwendung von JavaScript zur Überprüfung von HTML-Formularen
Die Grundvoraussetzung für das Erstellen der Formularüberprüfung besteht darin, nach den Namen der erforderlichen Formularelemente zu suchen. Wenn sie leer sind, wird eine Fehlermeldung angezeigt.
Die meisten Fehlerprüfprogramme prüfen jedes Feld einzeln und zeigen jeweils einen Fehler an. Dadurch kann das Ausfüllen des Formulars langweilig werden, und die Leute können in der Mitte stehen bleiben. Wenn Sie das folgende Skript und die Perl-Quelle verwenden, wissen Sie, wie Sie ein gesamtes Formular auf einmal überprüfen und eine Reihe von Fehlernachrichten anzeigen, die Ihr Leser dann zurücksetzen und beheben kann.
Das JavaScript zum Überprüfen eines Formulars
Im Kopfbereich Ihres HTML-Codes sollten Sie ein Skript für die Formularüberprüfung erstellen:
- Richten Sie das Skript ein und stellen Sie sicher, dass es vor Browsern verborgen ist, die kein JavaScript beherrschen.
Um das Skript aufzurufen, fügen Sie ein onsubmit -Element in das Formular-Tag ein:
CGI zur Validierung von Formularen
Dieses Perl-Skript-CGI-Snippet macht dasselbe wie JavaScript. Es prüft, ob die erforderlichen Felder vorhanden sind, und speichert eine Fehlermeldung in einer Variablen zur Anzeige:
#! / usr / local / bin / perl$ error = "";if ($ in {'dd'} eq ""){ $ error + = "Bitte wählen Sie aus dem Dropdown-Feld.';}if ($ in {'words'} eq ""){ $ error + = "Bitte fügen Sie einige Wörter in das Textfeld ein.';}# … validieren Sie alle Felder weiterif ($ error) print "Inhaltstyp: Text / HTML n n"; drucken "
Ein Fehler ist aufgetreten
'; print $ error; print "Bitte gehen Sie zurück und korrigieren Sie diese Fehler."; drucken "';} else { # Weiter mit dem CGI …}
Der Unterschied zur Schreibweise der Fehlermeldung durch CGI besteht darin, dass anstelle eines " n" das HTML-Absatz-Tag verwendet wird, um zwischen jedem Fehler eine neue Zeile einzufügen.
Und jetzt haben Sie Ihr Formular bestätigt
Mit den beiden Methoden CGI und JavaScript haben Sie ein HTML-Formular überprüft, damit mehr Teile an Sie gesendet werden.
