in che modo previ invio su stampa entra in twitter bootstrap typeahead plug-in

Question

Ho un testo di input e lo applico plug-in typeahead per suggerire elementi, ma quando premo invio chiave sul testo di input invia modulo.

Come posso evitare di inviare il modulo utilizzando il plug-in typeahead di twitter bootstrap?

Answer 1

È possibile indirizzare tale ingresso specifico con l'aggiunta di un ID ad esso e semplicemente rimuovendo l'evento KeyDown per entrare in questo modo:

JS

$(document).ready(function() { 
    $('form input').keydown(function(event){ 
    if(event.keyCode == 13) { 
     event.preventDefault(); 
     return false; 
    } 
    }); 
}); 

Answer 2

La prima risposta non ha funzionato per me , forse a causa dell'aggiornamento del plug-in typeahead, ma ho superato il problema utilizzando l'input "alternativo" creato da typehead:

$(".twitter-typeahead > input").focus(function(){ 
    //disable btn when focusing the input 
    $("#my_submit_button").prop('disabled', true); 
}).blur(function(){ 
    //enable btn when bluring the input 
    $("#my_submit_button").prop('disabled', false); 
}); 

Answer 3

Secondo il documentation, è possibile impostare l'opzione confirmKeys a qualcosa di altro che di ritorno (13):

$('input').tagsinput({ 
    confirmKeys: [188, 32, 39], 
}); 

Tuttavia, un modo più intelligente per andare su questo è quello di prevent sending the form on enter.

Answer 4

Il modo migliore che ho trovato per avvicinarsi a questo non è quello di utilizzare un input di invio. Utilizzare invece un pulsante di input e aggiungere alcuni js per inviare il modulo quando viene fatto clic.

$('#my_submit_button').click(function(){ 
    $(this).parents('form').submit(); 
});