Client side JavaScript: gestione dei moduli
|
- Argomento della lezione
- Materiale scaricabile
- Esempi visti a lezione
|
Argomento della lezione
Uno degli oggetti più complessi del DOM è l'oggetto form che permette di
manipolare i moduli.
In questa lezione vedremo come JavaScript permette di accedere ai dati inseriti
in un modulo e vedremo come si costruiscono le funzioni di validazione dei dati
forniti in input dall'utente.
JavaScript supporta anche le espressioni regolari e quindi, quando possibile,
usatele per la validazione dell'input.
“ … all input is evil until proven otherwise …”
... ricordate sempre di validare i vostri dati ...
... naturalmente, per i dati davvero critici, lo stesso lavoro dovrà essere
fatto anche dal lato server ...
|
|
Materiale scaricabile
- Lucidi della lezione
- in formato PDF, 3 diapositive per pagina, con spazio
per le note (circa 230 KB)
- in formato PDF, 6 diapositive per pagina (circa 225 KB)
|
Esempi visti a lezione
NB ogni esempio che trovate qui sotto costituisce una possibile soluzione ad un problema,
non deve essere considerato come l'unica soluzione. Esistono sicuramente
modi migliori di scrivere lo stesso codice ...
L'oggetto form
- Esempio 1: informazioni sugli elementi di un modulo
- Esempio 2: eventi "sentiti" dagli elementi di un modulo
- Esempio 3: testo scorrevole
- Esempio 4: menu con immagini
- Esempio 5: aggiunta di elementi in un menu
- Esercizi sui moduli
NB negli esercizi che seguono, i moduli non vengono inviati ad alcun programma remoto e
nel tag <form> non compaiono gli attributi method e action, attributi
che saranno indispensabili quando i dati saranno davvero inviati. Per ora ci limitiamo a dei
semplici controlli.
- Esempio 6: un semplice modulo
- Esempio 7: semplici controlli sull'input
- Esempio 8: funzioni per il controllo dell'input (prese dalla rete,
scarica il file .js)
- Esempio 9: validazione con espressioni regolari
|
Libro consigliato per questa parte
David Flanagan, JavaScript: la guida, Apogeo
(ma qualunque altro testo va bene)
|