Home / Programmazione / Javascript - AJAX / Bloccare tasto Enter in un form
Mattepuffo

Bloccare tasto Enter in un form

Bloccare tasto Enter in un form

In genere tutti i form possono essere inviati semplicemente premendo il tasto Enter (Invio).

Ci sono alcuni casi in cui però portemmo volerlo disabilitare per qualche motivo.

Senza usare trucchi trascenendentali possiamo costringere l'utente a dover cliccare su un bottone.

Per farlo ci basta pochissimo Javascript.

 

Ecco un esempio:

<form name="my_form" onsubmit="return false;">
  <input type="text" value="" />
  <input type="button" value="Send" onclick="document.my_form.submit()">
</form>

Prima di tutto vediamo che abbiamo impostato un valore false all'evento onsubmit del form.

Poi notiamo che il tasto è di tipo button e non il più classico submit.

Infine abbiamo impostato l'evento onclick sul bottone dicendogli di fare il submit del form.

Molto semplice!!