Nwlapcug.com


Controllo JavaScript per caratteri non validi

Controllo JavaScript per caratteri non validi


Siti Web spesso utilizzano funzioni JavaScript per convalidare l'input dell'utente. Quando gli utenti immettono dati in un form della 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 input non valido, avvisa l'utente di correggerlo prima che i dati possano essere inviati. Funzioni JavaScript utilizzano espressioni regolari per controllare le stringhe di input utente per i caratteri non validi.

Scopo

Quando un sito Web acquisisce dati utente tramite un modulo Web, si tratta di dati che vengono inviati attraverso il Web. Web Form può catturare vari tipi di input dell'utente, incluso il testo. Questo testo può includere dati personali quali numeri di telefono, indirizzi di siti Web e indirizzi geografici. Poiché JavaScript viene eseguito sul lato client, nel browser dell'utente, una funzione consente di scorrere i dati immessi dall'utente, verificare la presenza di validità prima di inviarlo al server. Se i dati sono validi, la funzione JavaScript può indicare al browser di andare avanti e inviarlo. In caso contrario, può produrre come output un messaggio che indica all'utente di correggere i dati prima di inviarlo nuovamente.

Espressioni regolari

Le espressioni regolari consentono ai programmatori di definire le sequenze di caratteri di testo, compresi lettere, numeri e simboli. Definendo i caratteri che si considerano illegale per i vostri scopi di pagina Web in un'espressione regolare, è possibile creare una funzione per rilevare questi caratteri. Nell'esempio di codice riportato di seguito viene illustrata un'espressione regolare di JavaScript:
var illegalCharacters = = / ^ [^ @$] + $/;

Questa espressione regolare indica i caratteri e commerciale e segno del dollaro. Gli sviluppatori devono definire quei personaggi che sono illegali all'interno delle proprie applicazioni. Alcuni sviluppatori rilevano caratteri diversi a seconda del campo di input coinvolto, ad esempio indirizzi di posta elettronica e codici postali.

Funzione

Una volta che una funzione JavaScript ha un'espressione regolare definita, può controllare le stringhe di testo di input utente per i caratteri all'interno di esso. Nell'esempio di codice riportato di seguito viene illustrato:
dato la variabile inputString
avviso di if(InputString.Match(illegalCharacters)) ("illegale caratteri immessi");

Questo codice avrebbe funzionato dove la funzione ha già letto il testo da un campo di input. Il codice potrebbe anche includere una clausola "else", che indica al browser che il modulo può essere inviato. Si tratta di una tecnica comune, con i Web Form spesso che indica uno script sul lato server per inviare i dati quando l'utente invia i dati.

Chiamata

Web Form può indicare uno script per l'elaborazione dei dati come parte della loro apertura markup tag. Nell'esempio di codice riportato di seguito viene illustrato:
< nome modulo = "userDataForm" action="process_data.php" onsubmit = "return checkFormData()" method = "post" >

Lo sviluppatore può inserire il codice di convalida all'interno della funzione specificata come l'attributo di listener di evento "onsubmit". Quando l'utente tenta di inviare il modulo, verrà eseguita la funzione. Se la funzione restituisce true, ciò significa che i dati siano validi e il browser lo sottoporrà al server. Se restituisce falsa, i dati contiene caratteri non validi e non verranno presentati.