Nell'ultima lezione di questo capitolo ci concentreremo sull'uso di una particolare tipologia di campo che possiamo utilizzare nei nostri form che sono i spry widgets

Spry widgets consentono una validazione istantanea dei dati inseriti nel campo. In pratica esaminano i dati inseriti nel campo ed in base a delle proprietà specificate da noi durante la creazione restituiscono un messaggio in tempo reale all'utente del sito.

I spry widgets sono presenti nel pannello inserisci sotto l'etichetta moduli


Supponiamo di voler realizzare un campo di testo per l'inserimento dell'email da parte dell'utente del sito. Realizziamo il form posizioniamo il cursore al suo interno nel punto in cui dovrà esserci lo spry widget e clicchiamo sul tasto specifico del pannello inserisci


Apparirà una finestra del tutto uguale a quella esaminata nella lezione sui campi di testo


Digitiamo il valore dell' ID e dell'etichetta clicchiamo su OK ed in modalita codice apparirà un campo di testo simile a quello "normale" con una parte superiore evidenziata da un colore azzurro.


Cliccandoci sopra nel pannello proprietà vengono visualizzate diverse proprietà attribuibili allo spry widgets.


Tipo consente di selezionare da un elenco di tipologie preesistenti quali particolari caratteristiche assume lo spry widgets, in questo caso selezioniamo indirizzo E-Mail.
Stati di anteprima consente di modificare i vari stati applicabili al tipo di spry che abbiamo scelto.
Convalida per definisce come avviene la convalida dei dati inseriti che può verificarsi quando si esce dal campo ( on blur ), quando si cambiano i valori ( on change ), quando si invia il modulo ( on submit ).
Le altre proprietà sono intuitive e di facile utilizzo.

Il mio personalissimo consiglio è di esaminare tutte le tipologie preesistenti presenti nell'elenco del menu Tipo così da rendersi conto personalmente delle proprietà proposte da Dreamweaver nel pannello proprietà.

Avendo ad esempio realizzato oltre al campo precedentemente descritto uno per l'inserimento della password ed un altro che obblighi l'utente a confermare la password inserita il risultato nel browser sarà il seguente.


Ad ogni cambiamento di stato l'utente verrà avvisato tramite un testo e attraverso un diverso colore di sfondo, proprietà selezionate da noi durante la realizzazione dello spry widgets.

COMMENTI