jQuery Validation Plugin

Marco Pegoraro, 28 Novembre 2006

Ecco qui il mio primo plugin per jQuery!

Fornisce un metodo javascript non intrusivo per la validazione in tempo reale di componenti form.

Esempio, demo e Download »

Principalmente è pensato per offrire una sorta di filtro di inserimento dati per campi di testo, ovvero realizzare campi di testo che accettino solo numeri, oppure solo lettere, ecc...

Inoltre supporta una validazione finale del campo quando viene rilasciato permettendo di definire delle funzioni di callback personalizzate in modo da gestire gli errori di validazione o la validazione completa.

L'esempio pubblicato è solo la prima versione... conto a breve di espandere sensibilmente le funzionalità del plugin al fine di gestire in automatico un buon numero di validazioni.

Commenti all'articolo:

Its examples are with errors or bug, therefore they allow ctrl + v
08/05/2007 12:52
by Fabyo
Yes I know. It's a "while developing" distribution and is not intended to be used in a production site.

I'd like to find time do complete the plugin!
08/05/2007 15:31
by thepeg
Great work. If only you can redo all the comments in English so us folks on the other side of the world can understand :)
31/05/2007 02:15
by Bio
Premesso che sono "crudo" in programmazione ...
Usando jQuery nel caso di campo obbligatorio e/o mail incorretta, come è il codice per ridare il focus allo stesso campo dopo l'avviso e non passare al successvo ?
Se apro il form e clicco su invio saltano tutti i controlli compreso quello sui campi obbligatori.
Come fare?
Ciao e Grazie
07/06/2007 11:36
by Silvano
Ciao Silvano,

la risposta JS alla tua domanda è semplice. Per dare il focus ad un campo specifico puoi utilizzare:

$("#id_campo").blur();

In ogni caso ti consiglio di effettuare tutti i controlli lato server.
Javascript e jQuery possono migliorare l'esperienza utente nell'utilizzo di un software web ma non possono essere considerati dei sistemi sicuri nel controllo dei dati!

Ciao,
Marco.
07/06/2007 11:51
by thepeg
hi dear
this plugin not support arbic or unicode character

plz fix
tnx
11/08/2007 16:44
by Saleh souzanchi
Hi Saleh,
I don't know how to test for arabic characters.

If you look at the code you'll find i test every character aganist his int code.

I think is not the best way to do this controller but this was my first plugin and i didn't found a better way to do this job.

I you'd like to work on my code you're welcome!

Bye,
Marco.
13/08/2007 08:56
by thepeg
ciao... sto realizzando un'homepage personalizzabile, in stile homepage di Google, ma volevo realizzarla a finestre.
ho provato ad utilizzare il tuo plugin per JQuery, ma appena lo estendo con più finestre, mi funziona correttamente solo una finestra... le altre non sembrano essere completamente spostabili... Hai mai fatto dei test con più finestre? Se si, puoi postare il codice?
Grazie...
20/08/2007 18:22
by Nicola
Ciao Nicola,
probabilmente hai fatto il commento al post sbagliato... In ogni caso il problema che sollevi non l'ho mai affrontato.
Non ho codice pronto ma me lo segno come argomento da affrontare.

Marco.
21/08/2007 11:22
by thepeg
Marco,
I really like your plugin. I made one change that you might want to implement in your next version. In the validateChar() function I changed this line:

if ( key == 8 || key == 13 ) return true;

to this so that it would support tabbing between fields:

if ( key == 8 || key == 13 || key == 9 ) return true;

Thanks again for a great plugin!
William
10/09/2007 07:06
by William Haun
Hi William, good comment!
I hope I will write a new release with a better code support so I'll implement your suggestion!
10/09/2007 09:06
by thepeg
I have tried your plugin and its great but I have a question. how can I add a submit button that activates when all fields are correct??
09/02/2008 11:31
by carlos
Hi Carlos, I never planned to realize this feature but I think it's very nice to do and very usefull.

I'll develope it in future!


13/02/2008 10:42
by thepeg
Categorie: JavaScript; jQuery;

Aggiungi il Tuo Commento:

Inviando questa risposta dichiaro di aver letto ed approvato le condizioni di utilizzo di questo sito web.

(*) = campo obbligatorio.

Condizioni di Utilizzo:

1 - Tutte le risposte inviate a questo sito saranno sottoposte a moderazione manuale da parte dell'amministratore al fine di evitare il fenomeno detto "SPAM".

2 - Tutti i dati inseriti nel modulo di risposta verranno pubblicati in questa pagina ad eccezione dell'e-mail. Tale informazione viene richiesta ed archiviata dagli amministratori al fine di scoraggiare un utilizzo non consono del blog.

3 - Non utilizzare le risposte per pubblicizzare il tuo sito web. Tale tentativo verrà cancellato dall'amministratore. In ogni caso ai link inseriti nelle risposte viene applicato il "nofollow" per cui non ti portano vantaggi.
Se vuoi possiamo discutere uno scambio link: Srivimi!