Jquery: disabilitare tasto enter in un form
09/03/2012Nel realizzare un modulo occorre prevenire eventuali azioni involontarie che determinino errori di invio.
Uno dei classici si riferisce all'utilizzo errato ed involontario del tasto enter: è abbastanza comune il gesto di 'invio' per passare da un campo a quello successivo.
La pressione di enter produce il tentativo di invio del modulo anche se incompleto, provocando o un invio errato e incompleto, o un ritorno alla compilazione se i controlli intercettano ad esempio la mancanza di un campo obbligatorio.
Sempre grazie a Jquery possiamo facilmente disabilitare il tasto Invio all'interno di un modulo, ecco il codice (da inserire dopo il caricamento delle librerie Jquery come precedentemente descritto qui e dopo il codice html del form, nell'esempio con id modulo)
$("#modulo").keypress(function(e) {
if (e.which == 13) {
return false;
}
});