Validazione form: il modo semplice e veloce

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.

  1. innanzitutto si scarica questo script da Javascript-Coder
  2. si inserisce questa istruzione tra i tag <HEAD> della pagina

    <script src="gen_validatorv4.js" type="text/javascript"></script>

  3. si aggiunge poi il codice javascript che richiama la funzione di controllo e validazione subito dopo il form

    <form id='mioform' action="">
    <!--qui vanno i campi input -->
    </form>
    <script type="text/javascript">
    var frmvalidator  = new Validator("mioform");
    //dove mioform è l'id/nome del form

  4. 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");

  5. 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]

Sergio Gandrus

Da marzo 2018 lavoro come Technical Manager presso PayClick
Programmo in ambiente LAMP e Angular 6.
Realizzo app mobile con Ionic Framework.
Sono papà e marito. Nel (poco) tempo libero mi piace leggere, il buon vino e viaggiare.

Ah, questo blog ha cambiato uso