Home | Search | Help  
Home Page Università di Genova

Client side JavaScript: gestione dei moduli

  1. Argomento della lezione
  2. Materiale scaricabile
  3. 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
  1. Lucidi della lezione
    1. in formato PDF, 3 diapositive per pagina, con spazio per le note (circa 230 KB)
    2. 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
  1. Esempio 1: informazioni sugli elementi di un modulo
  2. Esempio 2: eventi "sentiti" dagli elementi di un modulo
  3. Esempio 3: testo scorrevole
  4. Esempio 4: menu con immagini
  5. Esempio 5: aggiunta di elementi in un menu

  6. 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.

    1. Esempio 6: un semplice modulo
    2. Esempio 7: semplici controlli sull'input
    3. Esempio 8: funzioni per il controllo dell'input (prese dalla rete, scarica il file .js)
    4. Esempio 9: validazione con espressioni regolari
Libro consigliato per questa parte
David Flanagan, JavaScript: la guida, Apogeo
(ma qualunque altro testo va bene)


vai alla lezione precedente
torna alla prima pagina del corso
vai alla prossima lezione