Come interagisce JAVASCRIPT con il modulo scitto dall'utente?
Javascript gestisce tutti gli elementi di un modulo secondo la disposizione oggetto.oggettofiglio.proprietà oppure metodo.
I principali metodi di un modulo sono submit e reset. Invocando uno di questi 2 metodi si ha, l'esecuzione dei corrispondenti gestori degli eventi onSubmit() e onReset().
Una carattteristica di questi gestori è la possibilità di bloccare l'azione che ha generato l'evento (se restituiscono false, l'azione non viene eseguita).
Ricorda che puoi eseguire document.write per scrivere direttamente sulla pagina web
ESEMPIO:
<html>
<head>
<title>Esercizio 3</title>
<script type="text/javascript">
function Invio()
{
mess= modul.CHK1.value + '<br>' + modul.CHK2.value
document.write (mess);
return true
}
function conferma()
{return confirm("Sei sicuro di voler cancellare i
dati?" ) ; }
</script>
</head>
<body>
<p><b><font size="4">Quali sport pratichi?
</font></b>
</p>
<form name="modul" onsubmit="Invio()" onreset="return
conferma()" >
<INPUT type="checkbox" name="CHK1" value="Calcio"
>Calcio
<input type="checkbox" name="CHK2" value="Pallavolo">
Pallavolo
<input type="checkbox" name="CHK3"
value="Basket">Basket
<input type="checkbox" name="CHK4" value="Nuoto"
>Nuoto
<input type="checkbox" name="CHK5" value="Altri">Altri
<input type="submit" value="Invio" name="BtnInvia">
<input type="reset" value="Annulla" name
="BtnAnnulla">
</form>
</body>
</html>