HTML Form Validation Tutorial

November 11

Hypertext Markup Language (HTML) viene utilizzato per creare pagine Web statiche. Molte pagine HTML sono costituite da forme, come ad esempio account di accesso utente che richiedono un nome utente e una password. Il codice JavaScript può essere incorporato nel codice HTML per convalidare le forme. Convalida forme aiuta a errori di forma utenti di debug. Ad esempio, un utente può dimenticare di inserire un numero di telefono in un modulo di contatto. Test per una casella di testo vuota avviserà l'utente che ha dimenticato di compilare un modulo di iscrizione, quando tenta di inviare il modulo.

istruzione

1 Utilizzare una funzione per verificare se una casella di testo è vuota. E 'composto da una dichiarazione se-che verifica se il valore è uguale a 0. Se è uguale a 0, quindi una finestra di avviso viene visualizzata con un messaggio, come "Si prega di compilare tutti i campi richiesti." Se la lunghezza è maggiore di 0, esce la convalida.

2 Inserire funzioni, come ad esempio isNumeric e isAlphabet, per verificare che l'ingresso di alcuni campi è tutti i numeri o lettere. Ad esempio, i numeri di telefono dovrebbe essere tutto numerico, mentre i nomi dovrebbero contenere solo lettere. Specificare i caratteri validi che possono essere di ingresso, che è "0-9" per i numeri e "A alla Z" per le lettere. La funzione dovrebbe includere un se-dichiarazione che verifica se il valore immesso soddisfa i criteri. In caso contrario, viene visualizzato un messaggio di avviso.

3 Utilizzare una funzione per convalidare che gli indirizzi e-mail sono in formato corretto. Per esempio, dovrebbe contenere il simbolo "@" e finiscono in ".", Seguito da "com, net, org, gov." I caratteri validi sono "dalla A alla Z", "0-9", "@" e ".."

4 Verificare che la lunghezza dell'input è appropriato. Per esempio, se le password devono essere lunghe da sei a nove caratteri, è possibile utilizzare una funzione di limitare la lunghezza di input dell'utente per il campo password specificando la proprietà max min e.