Convalida del form

di

Un form ha normalmente due pulsanti di submit e reset.

  • Il loro aspetto dipende dal browser.
  • La loro attivazione provoca eventi associati al form…
<form name="primo" onSubmit="alert('Hai provocato un evento SUBMIT')" onReset="alert('Hai provocato un evento RESET')">
<input type="submit">
<input type="reset">
</form>

Controllare il form

L’evento Submit permette di controllare il contenuto del form e se il contenuto non è ritenuto valido di bloccare l’invio dei dati.

  • Quando si attiva il pulsante submit il contenuto del form viene inviato al server web (nell’esempio sarà ricaricata la stessa pagina perché non è specificato l’attributo action ).
  • return controlla(), passa il risultato della funzione al browser…
  •  la funzione di controllo può essere molto complessa: login, password, email, date, …
  • return false, il controllo è fallito quindi non inviare i dati
<form name="form_submit" onSubmit="return controlla()">
<input type="text" name="testo" value="???">
<input type="submit">
</form>

<script>
function controlla()
{
	var s1=document.form_submit.testo.value;
	var s2="valcon";
	if(s1 != s2)
	{
		 alert("Hai scritto: " + s1 + ".\n\nIl testo richiesto è ==> " + s2 + " <==");
		 return false;
	}
	else
	{
		 alert("Complimenti, i dati inseriti sono corretti.\n\nBuon lavoro!");
		 return true;
	}
}
</script>

Lascia un commento