I siti Web spesso utilizzano funzioni JavaScript per convalidare l'input dell'utente. Quando gli utenti inseriscono i dati in un modulo di una pagina Web, il sito normalmente invia i dati al server Web. Piuttosto che l'invio di dati non validi, molti siti utilizzano funzioni JavaScript per rilevare dati non validi, che avvisa l'utente di correggerlo prima che i dati possono essere inviati. funzioni JavaScript utilizzano espressioni regolari per controllare le stringhe di input utente per eventuali caratteri non validi.

Scopo

Quando un sito web acquisisce i dati degli utenti tramite un modulo Web, si tratta di dati inviati attraverso il Web. moduli web in grado di catturare i vari tipi di input dell'utente tra cui testo. Questo testo può includere dati personali come numeri di telefono, indirizzi di siti web e l'indirizzo geografico. Poiché JavaScript funziona a lato client, nel browser dell'utente, una funzione in grado di scorrere i dati inseriti dall'utente, verifica che non presenti la validità prima di inviarlo al server. Se i dati sono validi, la funzione JavaScript può istruire il browser di andare avanti e inviarlo. In caso contrario, si può produrre un messaggio di istruire l'utente a correggere i dati prima di inviare nuovamente.

Espressioni regolari

Le espressioni regolari consentono ai programmatori di definire sequenze di caratteri di testo, tra cui lettere, numeri e simboli. Definendo i caratteri che considera illegale per scopi pagina Web in una espressione regolare, è possibile creare una funzione per rilevare questi personaggi. Il codice di esempio riportato di seguito illustra un'espressione regolare JavaScript:
var illegalCharacters = = / ^ [^ @ $] + $ /;

Questa espressione regolare indica i caratteri ampersand segno e dollaro. Gli sviluppatori hanno bisogno di definire i caratteri che sono illegali all'interno delle proprie applicazioni. Alcuni sviluppatori rilevano caratteri diversi a seconda del campo di input in questione, per gli indirizzi esempio, e-mail e codici postali.

Funzione

Una volta che una funzione JavaScript ha un'espressione regolare definita, si può controllare input dell'utente stringhe di testo per i personaggi all'interno di esso. Il codice di esempio riportato di seguito illustra:
// Dato il inputString variabile
if (inputString.match (illegalCharacters)) alert ( "caratteri illegali entrati");

Questo codice avrebbe funzionato in cui la funzione è già letto il testo da un campo di input. Il codice potrebbe anche includere una clausola di "altro", che indica al browser che il modulo può essere presentato. Questa è una tecnica comune, con moduli Web spesso indica uno script lato server per inviare i dati quando l'utente invia i propri dati.

Chiamata

moduli web possono indicare uno script per l'elaborazione dei dati come parte della loro tag di apertura di markup. Il codice di esempio riportato di seguito illustra:
<Form name = azione "userDataForm" = "process_data.php" onsubmit = "return checkFormData ()" method = "post">

Lo sviluppatore può inserire il codice di convalida all'interno della funzione specificata come attributo listener di eventi "onSubmit". Quando l'utente tenta di inviare il modulo, la funzione verrà eseguito. Se la funzione restituisce vero, questo significa che i dati sono validi e il browser lo sottoporrà al server. Se restituisce false, i dati contengono caratteri non validi e non verrà presentato.