Validazione form con LiveValidation
LiveValidation libreria Javascript che serve per validare i form in tempo reale.
Può essere usato in modalità stand-alone o come plugin di Prototype.
Io ho optato per la prima soluzione.
Scaricate la libreriria da qua e aggiungetela alla pagina:
<script type="text/javascript" src="lib/livevalidation.js"></script>
Le opzioni che ha sono molte, come anche i validatori:
- campo vuoto
- numeri
- ecc
Qui trovate vari esempi.
Io vi mostro quelli che ho usato io nel mio form:
<form name="comments-form" action="">
<p>
<label>Email</label>
<input type="text" name="email" value="" size="22" id="com_email" />
<script type="text/javascript">
var campo = new LiveValidation('com_email', { validMessage: "\u221a" });
campo.add(Validate.Presence);
campo.add(Validate.Email);
</script>
</p>
<p>
<textarea name="text" cols="40" rows="8" id="com_text"></textarea>
<script type="text/javascript">
var campo = new LiveValidation('com_text', { validMessage: "\u221a" });
campo.add(Validate.Presence);
</script>
</p>
<div>
<input type="submit" value="Invia il tuo commento" name="sumbit-comment" />
</div>
</form>
Prendiamo il campo email: