jak uniemożliwić przesłanie w momencie naciśnięcia klawisza Enter w wtyczce bootstrap typeahead

Question

Mam tekst wejściowy i stosuję wtyczkę typeahead do sugerowania elementów, ale po naciśnięciu klawisza Enter na wprowadzonym tekście wysyłam formularz.

Jak mogę zapobiec wysyłaniu formularzy za pomocą wtyczki typu bootstrap typu twitter?

Answer 1

można kierować tego konkretnego wejścia dodając identyfikator do niego i po prostu usunięcie zdarzenia keydown dla wpisać tak:

JS

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

Answer 2

pierwsza odpowiedź nie pracował dla mnie , być może z powodu aktualizacji wtyczki typeahead, ale przekazałem problem, korzystając z "alternatywnego" wejścia utworzonego przez typ:

$(".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

Według documentation, można ustawić opcję confirmKeys na coś innego niż powrót (13):

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

jednak lepszy sposób, aby przejść o to, aby prevent sending the form on enter.

Answer 4

Najlepszym sposobem, w jaki znalazłem podejście, nie jest użycie wejścia przesłanego. Zamiast tego użyj przycisku wprowadzania i dodaj js, aby przesłać formularz po kliknięciu.

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