Disabilita invio form da tasto INVIO

[max161]

è possibile disabilitare l'invio del form con il tasto INVIO, in modo tale che l'utente sia costretto a cliccare sul bottone SUBMIT per confermare?

vi spiego perchè: in questo modo posso validare i campi con onBlur, senza rischiare che nell'ultimo campo l'utente, cliccando su INVIA, non provocando l'evento onBlur, mi eluda la validazione.

Grazie a chi mi risponderà!

[Mich_]

Generalmente i campi si convalidano all'evento onSubmit del tag <form> che scatta anche se l'invio avviene tramite tasti.
Altrimenti rendi la pagina di piu` difficile accessibilita`.

Se proprio vuoi puoi catturare l'evento della tastiera... ma ti complichi la vita di parecchio (vedi alcuni link tra i post in rilievo).

Ciao
Michele

[max161]

ogni elemento input ha un attributo onBlur="ctrlVal(x,y)" dove X e Y sono valori generati dinamicamente (ASP). quindi il modo più diretto per effettuare la validazione passo-passo è onBlur.
da onSubmit non credo sia possibile dato che i valori sono legati inscindibilmente al tag input.

[br1]

Ho il sospetto che questa sia la prosecuzione di un'altra discussione ...

Comunque puoi sostituire il pulsante di submit con un button:

<input type=button value="Invia" onclick="this.form.submit();">

ciao

[max161]

cmq il tuo sospetto era esatto!

[max161]

nel senso che cliccando su INVIO nell'ultimo campo del form procede all'invio del form senza farmi la validazione (funzione lanciata dall'evento onBlur), dovrò lavorare sulla gestione degli eventi, nel tal caso la pressione del tasto invio.
grazie comunque!

[P75]

Prova con questo:

<script language="JavaScript">

function stopInvio(evento)
{
if((evento.keyCode == 13)||(evento.which==13))
  return false;
else
  return true;
}

function controlloCampo(campo)
{
alert (campo);
}
</script>

<form name="form1" method="get" action="pino.htm">

<input type="text" name="textfield1" 
onKeyPress="return stopInvio(event)" 
onBlur="controlloCampo(document.form1.textfield1.value)">

<input type="text" name="textfield2" 
onKeyPress="return stopInvio(event)" 
onBlur="controlloCampo(document.form1.textfield2.value)">

<input type="text" name="textfield3" 
onKeyPress="return stopInvio(event)" 
onBlur="controlloCampo(document.form1.textfield3.value)">

<input type="submit" name="Submit" value="Submit">
</form>

Dovrebbe funzionare! :gren: :gren: :gren:

P75