Consulenza-web.com | jQuery Plugins

Validation Plugin

Questo plugin per jQuery permette di applicare dei filtri di inserimento dati in campi di form al fine di effettuare delle validazioni in tempo reale.

E' possibile filtrare i caratteri che è possibile digitare ed associare inoltre un controllo finale quando si lascia il campo.

Download codice sorgente ed esempi.

Se lo ritieni opportuno puoi fare una donazione libera utilizzando il bottone che trovi qui sotto. Verrai rimandato al sistema di pagamento PayPal.
Grazie!

Validazione standard: [a-zA-Z0-9òàùèéì]

$("#fld1").validation();

Solo numeri interi: [0-9]

$("#fld2").validation({ type: "int" });

Solo lettere minuscole: [a-z]

$("#fld3").validation({ type: "lower" });

Solo lettere maiuscole: [A-Z]

$("#fld4").validation({ type: "upper" });

Eccezioni: Lettere maiuscole e minuscole, accentate, numeri e alcuni caratteri speciali : [a-zA-Z0-9òàùèéì.,()]

$("#fld5").validation({ type: "alphasInt", add: ".,()" });

Callback Errore: Questo campo accetta solo numeri e punti. [0-9.]
Se però viene incollato un testo interviene un controllo finale quando il campo viene lasciato.

$("#fld6").validation({ type: "int" , add: ".", onError: function() { alert("Oooops!"); this.value = ""; } });

Callback Successo: Definizione di una funzione di callback su controllo riuscito ad esempio per iniziare subito una validazione via ajax.

// Callback su validazione completata con successo. $("#fld7").validation({ type: "int" , onDone: function() { $(this).background("green"); }, onError: function() { $(this).background("red"); this.value = ""; } }); // Per ripristinare lo sfondo bianco al click. $("#fld7").click(function() { $(this).background("white"); });

Non accetta valore nullo:

$("#fld8").validation({ type: "alphaInt", empty: "no", onError: function() { if ( this.value.length == 0 ) { alert("Inserire un valore!"); } else alert("Errore Validazione!"); } });

e-Mail: filtro nei caratteri di input e validazione aggiuntiva al rilascio del campo

$("#fld9").validation({ type: "mail", empty: "no", onError: function() { if ( this.value.length == 0 ) { alert("Il campo mail è obbligatorio!"); } else alert("Inserire un indirizzo mail valido!"); } });