Po utworzeniu i uruchomieniu formularza HTML często chcesz się upewnić, że wszystkie ważne pola są wypełnione. Na przykład, jeśli masz zamiar wysłać list potwierdzający pocztą e-mail, adres e-mail powinien zostać zawarty w polach formularza i powinien to być adres e-mail, który działa.
Istnieją dwa sposoby sprawdzania poprawności formularzy:
- Korzystanie z JavaScript
- Korzystanie ze skryptu CGI
Zalety używania JavaScript do sprawdzania poprawności formularzy
- Za pomocą javascript nie używa się czasu procesora serwera. Całe przetwarzanie odbywa się na komputerze klienckim.
- Często wydaje się, że działa szybciej niż walidacja CGI.
- Ponieważ strona formularza nie uległa zmianie, czytelnik może łatwo naprawić błędy.
Wady używania JavaScript do sprawdzania poprawności formularzy
- JavaScript działa tylko w przeglądarkach, w których jest włączona. Jeśli JavaScript jest wyłączony, sprawdzanie błędów nie zostanie zakończone.
Zalety używania CGI do sprawdzania poprawności formularzy
- Używanie CGI do sprawdzania poprawności gwarantuje, że za każdym razem, gdy formularz zostanie przesłany, proces sprawdzania poprawności zostanie uruchomiony.
Wady korzystania z CGI do sprawdzania poprawności formularzy
- CGI obciąża serwer WWW, a każda funkcja zawarta w CGI jest kolejnym zadaniem dla serwera.
- CGI może działać powoli.
- Jeśli wystąpi błąd, klient musi wrócić do pierwszej strony formularza lub CGI potrzebuje innej funkcji do przepisania strony formularza.
Sposób w jaki sobie z tym poradzę, to sprawdzenie większości błędów przy pomocy JavaScript. W ten sposób jest to szybkie i łatwe dla czytelników. Następnie ponownie sprawdzam istotne elementy formularza za pomocą CGI.
Jak używać JavaScript do sprawdzania poprawności formularzy HTML
Podstawową zasadą tworzenia formularza sprawdzania poprawności jest wyszukanie nazw wymaganych elementów formularza, a jeśli są puste, wyświetl komunikat o błędzie.
Większość programów sprawdzających błędy sprawdza każde pole pojedynczo i wyświetla jeden błąd na raz. Może to sprawić, że wypełnianie formularza będzie nużące, a ludzie mogą zatrzymać się w środku. Jeśli użyjesz następującego skryptu i źródła Perla, będziesz wiedział, jak zweryfikować cały formularz naraz, wyświetlając serię komunikatów o błędach, które twój czytelnik może następnie cofnąć i naprawić.
JavaScript do sprawdzania poprawności formularza
W nagłówku kodu HTML powinieneś utworzyć skrypt do sprawdzania poprawności formularza:
- Skonfiguruj skrypt i upewnij się, że jest ukryty przed przeglądarkami, które nie obsługują JavaScript.
Następnie, aby wywołać skrypt, umieść element onsubmit w tagu formularza:
CGI do sprawdzania poprawności formularzy
Ten fragment kodu CGI skryptu Perl robi to samo co JavaScript. Sprawdza, czy są tam wymagane pola, a jeśli nie, zapisuje komunikat o błędzie w zmiennej do wyświetlenia:
#! / usr / local / bin / perl$ error = "";if ($ in {'dd'} eq ""){ $ error + = "Wybierz z listy rozwijanej.';}if ($ in {'words'} eq ""){ $ error + = "Proszę podać kilka słów w polu tekstowym.';}# … kontynuuj sprawdzanie poprawności wszystkich póljeśli (błąd $) print "Treść-typ: text / html n n"; drukuj "
Wystąpił błąd
'; print $ error; print "Wróć i popraw te błędy."; drukuj "';} else { # Kontynuuj z CGI …}
Różnica w sposobie, w jaki CGI zapisuje komunikat o błędzie, polega na tym, że zamiast " n" używa znacznika akapitu HTML do wstawienia nowego wiersza pomiędzy każdym błędem.
A teraz potwierdziłeś swój formularz
Dzięki dwóm metodom, CGI i JavaScriptowi, sprawdzono poprawność formularza HTML, dzięki czemu więcej części, które są wysyłane, jest poprawnych.
