Skip to main content

Saznajte kako provjeriti obrasce pomoću JavaScript ili CGI

Section 9 (Travanj 2025)

Section 9 (Travanj 2025)
Anonim

Nakon što se pokrenete HTML obrasci, često ćete željeti osigurati ispunjavanje svih važnih polja. Na primjer, ako ćete poslati pismo za potvrdu e-pošte, e-adresa treba biti uključena u polja obrasca , a to bi trebalo biti adresa e-pošte koja funkcionira.

Postoje dva načina za provjeru valjanosti vaših obrazaca:

  1. Korištenje JavaScript
  2. Korištenje CGI skripte

Profesori upotrebe JavaScript za provjeru obrazaca

  • Pomoću javascript ne koristite vrijeme procesora poslužitelja. Sva se obrada obavlja na klijentskom računalu.
  • Često se čini da radi brže od CGI provjere valjanosti.
  • Budući da se stranica obrasca nije promijenila, čitatelju je lako riješiti pogreške.

Nedostaci u upotrebi JavaScripta za provjeru obrazaca

  • JavaScript funkcionira samo na preglednicima koji ga omogućuju. Ako je JavaScript onemogućen, vaša provjera pogrešaka neće biti gotova.

Prosovi korištenja CGI za provjeru obrazaca

  • Korištenje CGI za provjeru valjanosti osigurava da svaki put kada se obrazac podnosi, provjera valjanosti će se izvoditi.

Nedostatci korištenja CGI za provjeru obrazaca

  • CGI stavlja više opterećenja na web poslužitelj, a svaka funkcija koja je uključena u CGI još je jedan zadatak za poslužitelja.
  • CGI može biti sporo za pokretanje.
  • Ako dođe do pogreške, korisnik se mora vratiti na prvu stranicu obrasca ili CGI treba neku drugu funkciju za prepisivanje stranice obrasca.

Način na koji se nosim s tim je da većina provjere pogrešaka provedena s JavaScriptom. Na taj način, brz i jednostavan za čitatelje. Potom ponovno provjeravam vitalne elemente obrasca s CGI-om.

Kako koristiti JavaScript za provjeru HTML obrazaca

Osnovna pretpostavka za izradu provjere valjanosti obrasca jest potražiti nazive elemenata oblika koji su potrebni i ako su prazni, prikazati poruku o pogrešci.

Većina programa provjere pogrešaka provjerava svaki polje jedan po jedan i prikazuje jednu pogrešku odjednom. To može ispuniti obrazac zamoran, a ljudi bi se mogli zaustaviti u sredini. Ako koristite sljedeću skriptu i Perl izvor, znat ćete istovremeno provjeriti čitav obrazac, prikazujući niz poruka o pogrešci koje čitatelj može vratiti i popraviti.

JavaScript za potvrdu obrasca

U glavnom dijelu HTML-a trebali biste stvoriti skriptu za provođenje provjere valjanosti obrasca:

  1. Postavite skriptu i provjerite je li skriven od preglednika koji se ne mogu nositi s JavaScriptom.

Zatim, da biste pozvali skriptu, stavite element onsubmit u oznaku obrasca:

CGI za provjeru obrazaca

Ovaj CGI isječak za Perl skriptu radi isto kao i JavaScript. Provjerava jesu li potrebna polja, a ako ne, sprema poruku o pogrešci u varijablu za prikaz:

#! / Usr / local / bin / perl$ error = "";ako ($ u {'dd'} eq ""){ $ error + = "Odaberite u padajućem izborniku.';}ako ($ u {'words'} eq ""){ $ error + = "Molimo uključite neke riječi u tekstualni okvir.';}# … nastavite s potvrđivanjem svih poljaako ($ error) print "Content-type: text / html n n"; ispisati " greška'; ispisati "<> ispisati "

Došlo je do pogreške

'; ispis $ error; print "Vratite se i ispravite ove pogreške."; ispisati "';} else { # Idite dalje s CGI …}

Razlika u načinu na koji CGI piše poruku o pogrešci je da umjesto " n" upotrebljava oznaku točke HTML-a kako bi postavio novu liniju između svake pogreške.

A sada ste provjerili vaš obrazac

S dvije metode, CGI i JavaScript, potvrdili ste HTML obrazac tako da su vam više dijelova koji vam se šalju točni.