PHP Introduzione a javascript e validazione

Post on 05-Dec-2014

1.387 views 0 download

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

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

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

Eventi?????

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.

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]

●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

Allora noi vorremmo usare l'evento onblur!

Allora noi vorremmo usare l'evento onblur!

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

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.

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.

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

1) i JavaScritp si inseriscono nel tag <HEAD>

1) i JavaScritp si inseriscono nel tag <HEAD>

2) Il javascript NON viene eseguito eseguito automaticamente.

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

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

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

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'

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'

FINE

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/