disign.it | Jquery: disabilitare tasto enter in un form | a digital sign for a best design!
A digital sign for a best design
Programmazione 5.898 visualizzazioni

Jquery: disabilitare tasto enter in un form

09/03/2012

Nel 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;
    }
    });

← Jquery: immagini mancanti Autoauguri Direttore ! →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.