Una volta che hai un modulo HTML attivo e funzionante, dovrai spesso assicurarti che tutti i campi importanti siano compilati. Ad esempio, se invii una lettera di conferma via e-mail, l'indirizzo e-mail deve essere incluso nei campi del modulo. e dovrebbe essere un indirizzo email che funziona.
Esistono due modi per convalidare i tuoi moduli:
- Utilizzando JavaScript
- Utilizzando uno script CGI
I vantaggi dell'utilizzo di JavaScript per la convalida dei moduli
- Utilizzando javascript non si usa il tempo del processore del server. Tutta l'elaborazione viene eseguita sul computer client.
- Spesso sembra funzionare più velocemente della convalida CGI.
- Poiché la pagina del modulo non è stata modificata, è facile per il lettore correggere gli errori.
Gli svantaggi dell'uso di JavaScript per la convalida dei moduli
- JavaScript funziona solo sui browser che lo hanno abilitato. Se JavaScript è disabilitato, il controllo degli errori non viene eseguito.
I professionisti dell'uso di CGI per la convalida dei moduli
- L'utilizzo di un CGI per la convalida garantisce che ogni volta che il modulo viene inviato, la convalida verrà eseguita.
Gli svantaggi dell'uso di CGI per la convalida dei moduli
- CGI mette più carico sul server Web e ogni funzione inclusa nel CGI è un'altra attività per il server.
- CGI può essere lento da eseguire.
- Se si verifica un errore, il cliente deve tornare alla prima pagina del modulo o il CGI ha bisogno di un'altra funzione per riscrivere la pagina del modulo.
Il modo in cui gestisco questo è di avere la maggior parte del controllo degli errori fatto con JavaScript. In questo modo, è veloce e facile per i lettori. Quindi ricontrollo gli elementi vitali del modulo con il CGI.
Come utilizzare JavaScript per convalidare moduli HTML
La premessa di base della creazione della convalida del modulo consiste nel cercare i nomi degli elementi del modulo che sono richiesti e, se sono vuoti, visualizzare un messaggio di errore.
La maggior parte dei programmi di controllo degli errori controlla ogni campo uno alla volta e visualizza un errore alla volta. Questo può rendere noioso la compilazione del modulo e le persone potrebbero fermarsi nel mezzo. Se si utilizza il seguente script e il codice sorgente Perl, si saprà come convalidare un intero modulo in una sola volta, visualizzando una serie di messaggi di errore che il lettore può quindi tornare indietro e correggere.
Il JavaScript per la convalida di un modulo
Nella parte principale del codice HTML, è necessario creare uno script per eseguire la convalida del modulo:
- Configura lo script e assicurati che sia nascosto dai browser che non sono in grado di gestire JavaScript.
Quindi, per chiamare lo script, inserisci un elemento onsubmit nel tag form:
CGI per la convalida dei moduli
Questo snippet CGI per script fa la stessa cosa del JavaScript. Controlla se i campi richiesti sono presenti e, in caso contrario, salva un messaggio di errore in una variabile per la visualizzazione:
#! / Usr / local / bin / perl$ error = "";if ($ in {'dd'} eq ""){ $ error + = "Si prega di selezionare dal menu a tendina.';}if ($ in {'words'} eq ""){ $ error + = "Si prega di includere alcune parole nella casella di testo.';}# … continua a convalidare tutti i campise ($ errore) stampa "Content-type: text / html n n"; stampa "
C'è stato un errore
'; stampa $ errore; print "Torna indietro e correggi questi errori."; stampa "';} altro { # Continua con il CGI …}
La differenza con il modo in cui il CGI scrive il messaggio di errore è che invece di un " n", usa il tag del paragrafo HTML per inserire una nuova riga tra ogni errore.
E ora hai convalidato il tuo modulo
Con i due metodi, CGI e JavaScript, hai convalidato un modulo HTML in modo che più parti che ti vengono inviate siano accurate.
