Chi sviluppa per il web sa che la validazione dei dati inseriti in un form è un passaggio obbligato per la sicurezza dell’applicazione che lo ospita e per la validità degli stessi.
Il metodo più utilizzato è quello che fa uso di script javascript.
Ve ne propongo uno molto semplice e veloce da implementare in qualsiasi form esistente.
- innanzitutto si scarica questo script da Javascript-Coder
- si inserisce questa istruzione tra i tag <HEAD> della pagina
<script src="gen_validatorv4.js" type="text/javascript"></script>
- si aggiunge poi il codice javascript che richiama la funzione di controllo e validazione subito dopo il form
<form id='mioform' action-xhr="#">
<!--qui vanno i campi input -->
</form><script type="text/javascript">
var frmvalidator = new Validator("mioform");
//dove mioform è l'id/nome del form - poi si aggiungono tutte le validazioni richieste per il form come ad esempio
frmvalidator.addValidation("Nome","req","Inserisci il tuo nome");
oppure
frmvalidator.addValidation("Email","req");
frmvalidator.addValidation("Email","email");
- qui c’è una lista completa delle validazioni possibili
La funzione permette di controllare l’input in maniera molto completa. Anche tramite l’uso delle espressioni regolari.
I messaggi di errore e di dialogo possono essere visualizzati sia nella maniera classica tramite finestrine javascript che attraverso l’utilizzo di DIV all’interno della pagina stessa.
Oppure ancora i messaggi possono essere visualizzati vicino i campi di input stessi. Si legga qui per la spiegazione estesa di questa modalità avanzata.
[da Javascript-Coder]
- Scopri Autohero: Il Futuro dell’Acquisto di Auto Usate Online - 1 Agosto, 2024
- Guida Completa su Come Usare Satispay - 16 Luglio, 2024
- Chiamata wifi con TIM (servizio TIM Voce WiFi ) - 8 Luglio, 2024