blog}

Pressione del tasto Enter/Invio in una textbox inserita in un form (Protect form submission on enter key-press)

La pressione del tasto enter in un qualsiasi campo di input provoca, in un form HTML, lo scatenarsi dell’evento “submit”.

(Ho direttamente sperimentato la sconvenienza di tale comportamento progettando un modulo di ricerca di contenuti in un sito web. Per ragioni di progettazione, la texbox  di ricerca, si collocava in un tag form: la pressione del tasto invio nella textbox doveva rimandare ad una pagina sinottico dei risultati di ricerca. Di fatto però la caratteristica standard  del form produceva il postback della pagina impedendo il reindirizzamente voluto.)

 Per disabilitare questa caratteristica è sufficiente inserire nella pagina il seguente codice jquery:

$(function() {

 
    $("form").bind("keypress", function(e) {
            if (e.keyCode == 13) return false;
      });

 
});

ti è piaciuto l'articolo? condividi

sharing my ICT knowledge and expertise through the documentation of my experiences

Eros Sormani

Mi occupo di progettazione e sviluppo di soluzioni software e di creazione, implementazione e mantenimento di infrastrutture digitali

Altri Articoli del BLOG

Torna su