comment prévenir soumettre sur appuyez sur entrer dans twitter bootstrap typeahead plugin

J'ai une entrée de texte et je l'applique typeahead plugin pour suggérant des sujets, mais lorsque j'appuie sur la touche entrée sur l'entrée de texte, il faut présenter le formulaire.

Comment puis-je éviter de soumettre le formulaire à l'aide de twitter bootstrap typeahead plugin?

source d'informationauteur paganotti

  1. 22

    Vous pouvez cibler qu'une saisie spécifique par l'ajout d'un ID et simplement la suppression de l'événement keydown pour entrer de la sorte:

    JS

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

    La première réponse n'a pas fonctionné pour moi, peut-être en raison de la mise à jour de la typeahead plugin, mais je n'ai transmis le problème à l'aide de la "alternatif" d'entrée créée par 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);
});
  3. 2

    Selon la la documentationvous pouvez définir l'option confirmKeys à quelque chose d'autre que le retour (13) :

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

    Cependant, d'une façon plus intelligente d'aller à ce sujet est à prévenir de l'envoi du formulaire sur entrée.

  4. 1

    Le meilleur moyen que j'ai trouvé à cette approche est de ne pas utiliser de soumettre des commentaires. Utiliser un bouton d'entrée au lieu de cela et ajouter un peu de js pour soumettre le formulaire lorsqu'il est cliqué.

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