Odată ce ați creat o formă HTML, veți dori adesea să vă asigurați că sunt completate toate câmpurile importante. De exemplu, dacă doriți să trimiteți o scrisoare de confirmare prin e-mail, adresa de e-mail trebuie inclusă în câmpurile de formular , și ar trebui să fie o adresă de e-mail care funcționează.
Există două modalități de validare a formularelor dvs.:
- Utilizarea JavaScript
- Folosind un script CGI
Avantajele utilizării JavaScript pentru validarea formularelor
- Folosind javascript nu folosiți niciun timp de procesor de server. Toată prelucrarea se face pe computerul client.
- Se pare că funcționează mai repede decât validarea CGI.
- Întrucât pagina de formular nu sa schimbat, este ușor pentru cititor să remedieze erorile.
Consultarea utilizării JavaScript pentru validarea formularelor
- JavaScript funcționează numai în browserele care au activat-o. Dacă JavaScript este dezactivat, verificarea erorilor nu se termină.
Progresele utilizării CGI pentru validarea formularelor
- Folosirea unui CGI pentru validare asigură că de fiecare dată când se trimite formularul, validarea va fi rulată.
Concluziile utilizării CGI pentru validarea formularelor
- CGI pune mai multă încărcare pe serverul Web și fiecare funcție inclusă în CGI este o sarcină suplimentară pentru server.
- CGI poate fi lent pentru a rula.
- Dacă există o eroare, clientul trebuie fie să revină la prima pagină a formularului, fie CGI are nevoie de o altă funcție pentru a rescrie pagina de formular.
Modul în care gestionez acest lucru este să efectuez majoritatea verificărilor de eroare efectuate cu JavaScript. Astfel, este rapid și ușor pentru cititori. Apoi verific din nou elementele vitale ale formularului cu CGI.
Cum se utilizează JavaScript pentru a valida formularele HTML
Premisa de bază a creării validării formularului este de a căuta numele elementelor de formă care sunt necesare și, dacă acestea sunt goale, afișează un mesaj de eroare.
Cele mai multe programe de verificare a erorilor verifică câte unul câte unul și afișează câte o eroare la un moment dat. Acest lucru poate face completarea formularului obositor și oamenii se pot opri în mijloc. Dacă utilizați următorul script și sursa Perl, veți ști cum să validați simultan întregul formular, afișând o serie de mesaje de eroare pe care cititorul dvs. le poate reveni și repara.
JavaScript pentru validarea unui formular
În partea de sus a codului dvs. HTML, trebuie să creați un script pentru a face validarea formularului:
- Configurați scriptul și asigurați-vă că acesta este ascuns de browserele care nu pot gestiona JavaScript.
Apoi, pentru a apela scriptul, puneți un element onsubmit în eticheta formularului:
CGI pentru validarea formularelor
Acest fragment CGI de script Perl face același lucru ca JavaScript. Verifică pentru a vedea dacă există câmpurile obligatorii și dacă nu, salvează un mesaj de eroare într-o variabilă pentru afișare:
#! / Usr / local / bin / perl$ eroare = "";dacă ($ în {'dd'} eq "){ $ error + = "Selectați din caseta derulantă.';}dacă {$ în {'words'} eq ""){ $ error + = "Includeți câteva cuvinte în caseta de text.';}# … continuați validarea tuturor câmpurilordacă ($ error) tipăriți "Tip de conținut: text / html n n"; imprimare "
A avut loc o eroare
'; print error; print "Reveniți și corectați aceste erori."; imprimare "';} altceva { # Continuați cu CGI …}
Diferența cu modul în care CGI scrie mesajul de eroare este că, în loc de " n", utilizează eticheta paragrafului HTML pentru a pune o nouă linie între fiecare eroare.
Și acum v-ați validat formularul
Cu cele două metode, CGI și JavaScript, ați validat un formular HTML, astfel încât mai multe părți trimise să fie corecte.
