Mi capiterà spesso di parlare di JQuery, quindi vale la pena una minima introduzione all’argomento. JQuery è una libreria javascript che consente di maneggiare rapidamente un documento HTML. Con JQuery si possono gestire eventi, creare animazioni e aggiungere anche interazioni AJAX alla pagina.
In pratica : scopo principale di jQuery è quello di rendere la vita più semplice e veloce nella scrittura del codice Javascript.
Esiste in rete un ottimo tutorial di base per avvicinarsi e conoscere jQuery in 15 minuti. Logicamente si tratta di un documento che vi fornirà gli strumenti basilari e necessari per poter iniziare almeno a scrivere la vostra prima riga di codice.
Detto questo passiamo a vedere un esempio pratico di utilizzo di JQuery.
La validazione dei campi di un form in Javascript è sempre un’operazione scomoda poichè occorre comunicare in modo impeccabile all’utente quali campi sono stati riempiti erratamente per aiutarlo nel nuovo inserimento.
A tale scopo,Cedric Dugas ha creato jQuery Validation Engine . Questo comodo e interessante strumento realizzato, appunto, con JQuery, consente di posizionare esattamente accanto al campo errato un messaggio che aiuta l’utente a capire cosa ha sbagliato nella compilazione. L’immagine introduttiva è, in tal caso, decisamente esplicativa. In pratica lo script stesso crea il div Html e lo posiziona correttamente nel form. Inoltre non occorre alcuna immagine poichè il tutto (angoli arrotondati e ombra) è creato con CSS3.

L’engine è stato testato su Internet Exploder 6 & 7, Firefox 3+, Safari 4 and Chrome 1+. Qui trovate una demo per rendervi conto dell’enorme potenzialità di questo strumento