Empêcher un bouton pour envoyer sur la touche entrée

J'ai deux boutons l'un avec l'id=enterToSubmit et d'autres avec l'id=clickToSubmit. Lorsqu'un utilisateur a frappé le enterkey, je veux "enterToSubmit" bouton pour soumettre le formulaire
pas le "clickToSubmit" bouton.

Sur la même page, j'ai un textbox id=titre, et au Chargement de la Page, je me cache "enterToSubmit" bouton, jusqu'à ce que l'utilisateur entre quelque chose dans la zone de texte, puis les utilisateurs peuvent frapper la touche Entrée pour envoyer le formulaire.

Comment preven "clickToSubmit" bouton lorsque l'utilisateur appuie sur la touche Enter?

OriginalL'auteur | 2010-11-02

  1. 11

    Malheureusement, vous ne pouvez pas changer le "défaut" du bouton "soumettre" en HTML, c'est toujours la première input/button avec le type submit/image.

    Alors que vous pouvez essayer de l'attraper Entrer keypress manuellement des événements il est très peu fiable pour ce faire, depuis l'Entrée n'est pas toujours censé soumettre un formulaire, en fonction de (a) quel est le type de l'élément est concentré, (b) que la touche maj/ctrl+entrée est utilisée, (c) quels sont les autres éléments sont dans la forme et (d) quel navigateur, il est. Si vous manquez une situation accidentelle par défaut de soumission; si vous frappez un cas vous ne devriez pas, vous aurez accidentelle entrez-les présentations.

    De sorte qu'il est en général préférable, lorsque vous souhaitez contrôler le défaut de présentation de l'action d'un formulaire, de mettre un bouton supplémentaire dans le premier bouton de soumission du formulaire. Si vous ne voulez pas ce bouton pour afficher, vous pouvez le positionner avec une grande négatif left valeur de la pousser sur le côté de la page. (C'est un peu moche, mais qui cache via display ou visibility arrêtera de travail dans certains navigateurs.)

    Donc, vous pourriez peut-être "cacher" l'entrée à bouton soumettre pas en le faisant disparaître, mais en le poussant hors de la page où il ne peut pas être vu, et ensuite de prendre le click événement à return false et arrêter la soumission du formulaire.

    +1 C'est utile morceau de l'info, comme toujours 🙂

    OriginalL'auteur bobince

  2. 9

    Comment preven "clickToSubmit" bouton
    pour soumettre lorsque les utilisateurs appuyez sur la touche Entrée?

    Essayez ceci:

    $("#clickToSubmit").keypress(function(e){
   if(e.keyCode === 13){
       e.preventDefault();
   }
});

    OriginalL'auteur Sarfraz

  3. 1
        jQuery('#clickToSubmit').click(function(e){    
       if(e.keyCode==13){          
            e.preventDefault();
       }    
    });

    OriginalL'auteur Praveen Prasad

  4. 1

    Vous devez d'abord assurez-vous que les deux boutons ne sont pas de type submit. Maintenant, sur les deux ce bouton, vous pouvez appeler deux fonctions javascript. enterToSubmit() et clickToSubmit() voir aussi que sur enterToSubmit() vous lisez la touche entrée appuyez sur

    si (e.keyCode === 13){
    forme.submit();
    }

    et formulaire d'appel.submit()

    tout sur clickToSubmit() vous faites une forme directe.submit()

    Le Code n'est pas bien formatée.

    OriginalL'auteur sushil bharwani

  5. 0

    Essayer ce code pour la zone de texte entrez

    $j("#title").keypress(function(e1){
   if(e1.keyCode==13){          //if user is hitting enter
       return false;
   }
});

    pour bouton soumettre

    $j("#clickToSubmit").submit(function(e1){
   if(e1.keyCode==13){          //if user is hitting enter
       return false;
   }
});

    OriginalL'auteur Chinmayee G

  6. 0
        $('#formId').on('keyup keypress', function(e) {
          var keyCode = e.keyCode || e.which;
          if (keyCode === 13) { 
            e.preventDefault();
            return false;
          }
        });



Usually form is submitted on Enter when you have focus on input 
elements.
We can disable Enter key (code 13) on input elements within a form.

    Aussi, Comme dans certaines versions récentes de Firefox, la soumission de formulaire n'est pas
    empêché, il est plus sûr d'ajouter l'événement keypress pour la forme.

    Quelques explications à propos de ce morceau de code serait probablement bénéfique.

    OriginalL'auteur AVISHEKKT47