PHP Introduzione a javascript e validazione

19
Pensate alla pagina index.htm. Quali sono gli eventi che possono capitare durante la visualizzazione di quella pagina?

description

Come introdurre brevi script per controllare l'input dei dati (validazione) da parte dell'utente in pagine PHP

Transcript of PHP Introduzione a javascript e validazione

Page 1: PHP Introduzione a javascript e validazione

Pensate alla pagina index.htm. Quali sono gli eventi che possono capitare durante la visualizzazione di quella pagina?

Page 2: PHP Introduzione a javascript e validazione

Pensate alla pagina index.htm. Quali sono gli eventi che possono capitare durante la visualizzazione di quella pagina?

Eventi?????

Page 3: PHP Introduzione a javascript e validazione

Pensate alla pagina index.htm. Quali sono gli eventi che possono capitare durante la visualizzazione di quella pagina?

Eventi?????Si, i fatti che possono capitare durante la visualizzazione di index.htm, anche ad opera dell'utente che sta utilizzando il programma.

Page 4: PHP Introduzione a javascript e validazione

Pensate alla pagina index.htm. Quali sono gli eventi che possono capitare durante la visualizzazione di quella pagina?

Eventi?????Si, i fatti che possono capitare durante la visualizzazione di index.htm, anche ad opera dell'utente che sta utilizzando il programma.

Dunque, pensandoci...:1) Che può scrivere dentro un campo2) Che può premere [Conferma]3) Che può premere [Annulla]

Page 5: PHP Introduzione a javascript e validazione

●Blur (quando l'utente si sposta da un campo all'altro) con click o TAB—->onblur●Click (quando l'utente clicca su un oggetto) → onclick●Submit (pressione pulsante submit)->OnSubmit●Load (al caricamento della pagina) → onLoad●Unload (quando l'utente esce dalla pagina) onUnload●Change (quando l'utente cambia un valore) → onChange●Reaset (quando l'utente preme il pulsante reset) – onreset●Focus (quando un oggetto prende il 'fuoco') – onFocus●Select (quando l'utente seleziona del testo) - onSelect

Page 6: PHP Introduzione a javascript e validazione

Allora noi vorremmo usare l'evento onblur!

Page 7: PHP Introduzione a javascript e validazione

Allora noi vorremmo usare l'evento onblur!

Bene, l'onblur si applica ai campi di input.

Page 8: PHP Introduzione a javascript e validazione

Per ciascun oggetto di input di cui si vuole fare la validazione dei dati si modifica il tag aggiungendo la gestione dell'evento come qui di seguito prima della chiusura del tag INPUT

Allora noi vorremmo usare l'evento onblur!

Bene, l'onblur si applica ai campi di input.

Page 9: PHP Introduzione a javascript e validazione

onblur=”return contr_libbre(this.form)”

Per ciascun oggetto di input di cui si vuole fare la validazione dei dati si modifica il tag aggiungendo la gestione dell'evento come qui di seguito prima della chiusura del tag INPUT

Allora noi vorremmo usare l'evento onblur!

Bene, l'onblur si applica ai campi di input.

Page 10: PHP Introduzione a javascript e validazione

<HEAD>...<SCRIPT TYPE =”text/javascript”>function contr_libbre(form){If (form.libbre.value > 1000) { alert(“Attenzione valore troppo alto”); return false; }}</SCRIPT></HEAD>

Page 11: PHP Introduzione a javascript e validazione

1) i JavaScritp si inseriscono nel tag <HEAD>

Page 12: PHP Introduzione a javascript e validazione

1) i JavaScritp si inseriscono nel tag <HEAD>

2) Il javascript NON viene eseguito eseguito automaticamente.

Page 13: PHP Introduzione a javascript e validazione

1) i JavaScritp si inseriscono nel tag <HEAD>

2) Il javascript NON viene eseguito eseguito automaticamente.

3) Lo script java viene eseguito solo quando accade un evento per il quale e' stato prevista la chiamata allo script

Page 14: PHP Introduzione a javascript e validazione

1) i JavaScritp si inseriscono nel tag <HEAD>

2) Il javascript NON viene eseguito eseguito automaticamente.

3) Lo script java viene eseguito solo quando accade un evento per il quale e' stato prevista la chiamata allo script

4) Lo script java viene elaborato lato-client e non lato-server come PHP

Page 15: PHP Introduzione a javascript e validazione

5) Uno script java lato-client non viene interpretato dal webserver ma viene inviato cos'i' com'e'

Page 16: PHP Introduzione a javascript e validazione

6) Il browser del client e' il programma che interpreta lo script java ed esegue le istruzioni

5) Uno script java lato-client non viene interpretato dal webserver ma viene inviato cos'i' com'e'

Page 17: PHP Introduzione a javascript e validazione

7) Per questo motivo e' possibile leggere il codice Java di una pagina web semplicemente scegliendo la voce di menu del browse che consente di visualizzare il codice.

6) Il browser del client e' il programma che interpreta lo script java ed esegue le istruzioni

5) Uno script java lato-client non viene interpretato dal webserver ma viene inviato cos'i' com'e'

Page 18: PHP Introduzione a javascript e validazione

FINE

Page 19: PHP Introduzione a javascript e validazione

ALCUNE RISORSE DI RETE PER JAVASCRIPT

http://it.wikibooks.org/wiki/JavaScript

http://it.wikipedia.org/wiki/JavaScript

http://javascript.html.it/guide/lezione

http://www.allwebfree.it/