Daily Archives: 14 Marzo, 2011

Validazione form: il modo semplice e veloce

Pubblicato da

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]