JQuery Validation per Array di elementi Input

Utilizzo da anni il plugin Validation di JQuery e lo reputo molto funzionale; recentemente mi è capitato di dover validare un array di elementi input e ho scoperto che in questa situazione presenta dei limiti, nel senso che non è in grado di validare tutti gli elementi dell’array, ma solo il primo.
Per questo motivo ho fatto una ricerca in rete ed ho trovato una soluzione (non ufficiale) che risolve il problema senza intaccare il funzionamento generale. Per rendere ancora più semplice l’utilizzo ho scritto una estensione, in maniera da non dover modificare direttamente i file sorgenti del plugin.
I miei test sono stati utilizzando la versione 1.5.2 di jQuery Validation.

Utilizzo

E’ sufficente includere il file javascript nella pagina ed utilizzare le stesse opzioni del plugin originale.

N.B. Tutti gli elementi che compongono l’array di input devono avere l’attributo id valorizzato (e deve essere unico, come da definizione)

<form action="" method="post">
	Guest 1:  <input name="name[]" id="name-1" />
	Guest 2:  <input name="name[]" id="name-2" />
	Guest 3:  <input name="name[]" id="name-3" />

	<input type="submit" value="Send" class="send" />
</form>

<script type="text/javascript">
	$('form').validate({
		rules: {
			"name[]": {required: true}
		},
		submitHandler: function(form) {form.submit();}
	});
</script>

Demo

La demo è consultabile a questa pagina

Download

Il pacchetto completo è scaricabile QUI

Risorse

http://bassistance.de/jquery-plugins/jquery-plugin-validation/
http://www.codeboss.in/web-funda/2009/05/27/jquery-validation-for-array-of-input-elements/

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *