Un cop hagueu executat un formulari HTML, sovint voleu assegurar-vos que tots els camps importants s'omplen. Per exemple, si envieu una carta de confirmació de correu electrònic, l'adreça de correu electrònic s'ha d'incloure als camps del formulari , i ha de ser una adreça de correu electrònic que funcioni.
Hi ha dues maneres de validar els vostres formularis:
- Ús de JavaScript
- Utilitzant un script CGI
Els avantatges d'utilitzar JavaScript per validar formularis
- Usant javascript no feu servir cap temps de processador del servidor. Tot el procés es fa a l'ordinador client.
- Sovint sembla funcionar més ràpidament que la validació CGI.
- Com que la pàgina del formulari no ha canviat, és fàcil que el lector solucioni els errors.
Els problemes d'utilitzar JavaScript per validar formularis
- JavaScript només funciona en els navegadors que ho tenen activat. Si el JavaScript està desactivat, no es fa la comprovació d'errors.
Els avantatges d'utilitzar CGI per validar formularis
- L'ús d'un CGI per validar garanteix que cada vegada que s'envia el formulari, la validació s'executarà.
Els problemes d'utilitzar CGI per validar formularis
- CGI posa més càrrega al servidor web, i cada funció que s'inclou al CGI és una tasca més per al servidor.
- CGI pot trigar a funcionar.
- Si hi ha un error, el client ha de tornar a la primera pàgina del formulari o el CGI necessita una altra funció per tornar a escriure la pàgina del formulari.
La forma en què manejo això és que la majoria de la comprovació d'errors realitzada amb JavaScript. D'aquesta manera, és ràpid i fàcil per als lectors. A continuació, torneu a comprovar els elements vitals del formulari amb el CGI.
Com utilitzar JavaScript per validar formularis HTML
La premissa bàsica de crear la validació de formularis és buscar els noms dels elements de formulari que es requereixen i, si estan buits, mostrar un missatge d'error.
La majoria dels programes de comprovació d'errors comproven cada camp cada un i mostren un error alhora. Això pot fer omplir el formulari tediós i la gent es pot aturar al mig. Si utilitzeu el següent script i font de Perl, sabreu validar un formulari sencer alhora, mostrant una sèrie de missatges d'error que el vostre lector pot tornar i corregir.
El JavaScript per validar un formulari
A la part principal del vostre codi HTML, heu de crear un script per fer la validació del formulari:
- Configureu el script i assegureu-vos que està ocult dels navegadors que no poden gestionar JavaScript.
A continuació, per trucar al script, poseu un element onsubmit en l'etiqueta del formulari:
CGI per validar formularis
Aquest fragment de CGI de script Perl fa el mateix que el JavaScript. Comprova si els camps necessaris hi són, i si no, guarda un missatge d'error en una variable per mostrar:
#! / usr / local / bin / perl$ error = "";si ($ in {'dd'} eq ""){ $ error + = "Seleccioneu al quadre desplegable.';}si ($ in {'words'} eq ""){ $ error + = "Incloeu algunes paraules al quadre de text.';}# … continueu validant tots els campssi ($ error) imprimir "Contingut tipus: text / html n n"; imprimir "
S'ha produït un error
'; imprimir $ error; imprimir "Torneu enrere i corregiu aquests errors."; imprimir "';} més { # Seguiu amb el CGI …}
La diferència amb com el CGI escriu el missatge d'error és que, en comptes d'un " n", utilitza l'etiqueta del paràgraf HTML per introduir una nova línia entre cada error.
I ara heu validat el vostre formulari
Amb els dos mètodes, CGI i JavaScript, heu validat un formulari HTML, de manera que la majoria de les parts que se us envien són exactes.
