|
Come è stato già
ricordato nell'introduzione a questo corso, uno dei vantaggi principali
che Javascript fornisce allo sviluppatore è quello di poter convalidare
i dati di una form senza dover ricorrere all'elaborazione di un server.
Mediante Javascript, la convalida può essere eseguita singolarmente
campo per campo oppure complessivamente a livello di form. A tale scopo
ci viene in aiuto l'evento onSubmit che si verifica prima
dell'inoltro di una form. Se l'evento onSubmit restituisce il valore
false, verra eseguito lo script che segue l'evento, mentre se
restituisce qualsiasi altro risultato la form sarà inviata.
Simile all'evento onSubmit è l'evento onReset,
tipicamente associato al tasto Reset di una form e che precede il
resettaggio della stessa. Un utile utilizzo di questo evento può
avvenire se si associa uno script di conferma di resettaggio dati
all'utente prima di procedere definitivamente alla cancellazione dei
dati.
Esempio 5.7
|
<html>
<head>
<script language="javascript">
<!--
function ConfermaReset() {
return confirm('Sei sicuro di voler azzerare i dati?');
}
//-->
</script>
</head>
<body>
<form action="URL_di_riferimento"
method="post" onReset="return
ConfermaReset();">
Nome:<input type="text" name="nome"/>
Cognome:<input type="text"
name="cognome"/>
<input type="submit" name="invio"
value="Invia"/> <input
type="reset" name="reset"
value="Cancella"/>
</form>
</body>
</html>
|
Nell'esempio 5.7
abbiamo creato una semplicissima form dotata di due campi testo per
l'inserimento del nome e del cognome dell'utente. Quando l'utente preme
il tasto Invia, la form viene inviata all'URL di riferimento per
l'elaborazione dei dati, ma se l'utente clicca sul tasto Cancella, prima
che i dati vengano resettati, compare un messaggio di conferma a questa
operazione che supporta l'utente nel caso in cui abbia premuto per
errore il tasto di reset.
Lezione
successiva =>
Torna
all'indice
|
Guidainlinea.com come homepage
Aggiungi questa pagina ai preferiti