blog

LiveValidation è una libreria javascript che permette di effettuare validazioni lato-client dei dati inseriti in un form. Questa libreria ajax può avvisare gli eventuali errori di compilazione di un modulo nel momento stesso della scrittura in input o all’invio del form ma senza in alcun modo modificare la visualizzazione originale del form e con tempi di elaborazione istantanei, evitando così perdite di tempo e spiacevoli messaggi d’errore generici.

Esistono diverse librerie in javascript per la validazione di un form, ma tra queste LiveValidation sembra essere la più semplice ed efficace, oltre ad essere facilmente implementabile su qualsiasi tipologia di pagina web.

Come iniziare

Per prima cosa bisogna includere il file javascript e css per il funzionamento e la grafica della libreria.
LiveValidation è disponibile in due versioni: standalone e prototype.

<link rel="stylesheet" type="text/css" href="validation.css" /> 
<script type="text/javascript" src="livevalidation_standalone.js"></script>

Validare un input

Subito dopo l’input per l’inserimento del testo, che deve possedere un’identificativo univoco, troviamo il codice javascript che richiama la funzione di validazione della libreria:

<input type="text" id="campo" />
<script type="text/javascript">
    var campo = new LiveValidation('campo');
    campo.add(Validate.Presence); // campo obbligatorio
    campo.add( Validate.Numericality ); // campo numerico
</script>

Per la lista completa delle regole presenti nella libreria LiveValidation consultare la Demo.

Demo Download