J'ai le javascript suivant dans ma page qui ne semble pas fonctionner.

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

Je souhaite désactiver la soumission du formulaire à l'entrée, ou mieux encore, appeler mon formulaire ajax soumettre. L'une ou l'autre solution est acceptable mais le code que j'inclus ci-dessus n'empêche pas la soumission du formulaire.

Si keyCoden'est pas attrapé, attrapez which:

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

EDIT: manqué, il vaut mieux utiliser keyupau lieu dekeypress

EDIT 2: Comme dans certaines versions plus récentes de Firefox, la soumission du formulaire n'est pas empêchée, il est plus sûr d'ajouter également l'événement Keypress au formulaire. De plus, cela ne fonctionne pas (plus?) En liant simplement l'événement au formulaire "nom" mais uniquement à l'id du formulaire. Par conséquent, j'ai rendu cela plus évident en modifiant correctement l'exemple de code.

EDIT 3: remplacé bind()paron()

Habituellement, le formulaire est soumis Enterlorsque vous vous concentrez sur les éléments d'entrée.

Nous pouvons désactiver la Enterclé (code 13) sur les éléments d'entrée dans un formulaire:

$('form input').on('keypress', function(e) {
    return e.which !== 13;
});

DÉMO: http://jsfiddle.net/bnx96/325/

Encore plus court:

$('myform').submit(function() {
  return false;
});

$('form').keyup(function(e) {
  return e.which !== 13  
});

La propriété event.which normalise event.keyCode et event.charCode. Il est recommandé de regarder event.which pour la saisie des touches du clavier.

which docs.

$(document).on('keyup keypress', 'form input[type="text"]', function(e) {
  if(e.which == 13) {
    e.preventDefault();
    return false;
  }
});

Cette solution fonctionne sur tous les formulaires du site Web (également sur les formulaires insérés avec ajax), empêchant uniquement les entrées dans les textes saisis. Placez-le dans une fonction prête pour les documents et oubliez ce problème toute votre vie.

La plupart des réponses ci-dessus empêcheront les utilisateurs d'ajouter de nouvelles lignes dans un champ de zone de texte. Si c'est quelque chose que vous voulez éviter, vous pouvez exclure ce cas particulier en vérifiant quel élément a actuellement le focus:

var keyCode = e.keyCode || e.which;
if (keyCode === 13 && !$(document.activeElement).is('textarea')) {
  e.preventDefault();
  return false;
}

L'excès d'avoir à capturer et à tester chaque frappe pour la touche ENTRÉE me dérange vraiment, donc ma solution repose sur le comportement du navigateur suivant:

Appuyer sur ENTER déclenchera un événement de clic sur le bouton d'envoi (testé dans IE11, Chrome 38, FF 31) ** (ref: http://mattsnider.com/how-forms-submit-when-pressing-enter/ )

Ma solution consiste donc à supprimer le bouton d'envoi standard (c'est-à-dire <input type="submit">) afin que le comportement ci-dessus échoue car il n'y a pas de bouton d'envoi pour cliquer comme par magie lorsque vous appuyez sur ENTRÉE. Au lieu de cela, j'utilise un gestionnaire de clics jQuery sur un bouton normal pour soumettre le formulaire via la .submit()méthode de jQuery .

<form id="myform" method="post">
  <input name="fav_color" type="text">
  <input name="fav_color_2" type="text">
<button type="button" id="form-button-submit">DO IT!</button>
</form>

<script>
 $('#form-button-submit').click(function(){
    $('#myform').submit();
  });
</script>

Démo: http://codepen.io/anon/pen/fxeyv?editors=101

** ce comportement n'est pas applicable si le formulaire n'a qu'un seul champ de saisie et que ce champ est une entrée "texte"; dans ce cas, le formulaire sera soumis sur la touche ENTER même si aucun bouton d'envoi n'est présent dans le balisage HTML (par exemple un champ de recherche). C'est le comportement standard du navigateur depuis les années 90.

si vous voulez simplement désactiver la soumission sur le bouton Entrée et Soumettre aussi, utilisez l'événement onsubmit du formulaire

<form onsubmit="return false;">

Vous pouvez remplacer "return false" par un appel à la fonction JS qui fera tout ce qui est nécessaire et soumettra également le formulaire comme dernière étape.

Vous pouvez le faire parfaitement en Javascript pur, simple et sans bibliothèque requise. Voici ma réponse détaillée pour un sujet similaire: Désactiver la touche Entrée pour le formulaire

En bref, voici le code:

<script type="text/javascript">
window.addEventListener('keydown',function(e){if(e.keyIdentifier=='U+000A'||e.keyIdentifier=='Enter'||e.keyCode==13){if(e.target.nodeName=='INPUT'&&e.target.type=='text'){e.preventDefault();return false;}}},true);
</script>

Ce code sert à empêcher la touche "Entrée" pour la saisie de type = "texte" uniquement. (Parce que le visiteur peut avoir besoin d'appuyer sur Entrée sur la page) Si vous souhaitez également désactiver "Entrée" pour d'autres actions, vous pouvez ajouter console.log (e); pour vos besoins de test, et appuyez sur F12 en chrome, allez dans l'onglet "console" et appuyez sur "backspace" sur la page et regardez à l'intérieur pour voir quelles valeurs sont retournées, puis vous pouvez cibler tous ces paramètres pour améliorer encore le code ci-dessus pour répondre à vos besoins pour "e.target.nodeName" , "e.target.type" et bien d'autres ...

Je ne sais pas si vous résolvez déjà ce problème, ou si quelqu'un essaie de le résoudre maintenant, mais voici ma solution pour cela!

$j(':input:not(textarea)').keydown(function(event){
    var kc = event.witch || event.keyCode;
    if(kc == 13){
    event.preventDefault();
        $j(this).closest('form').attr('data-oldaction', function(){
            return $(this).attr('action');
        }).attr('action', 'javascript:;');

        alert('some_text_if_you_want');

        $j(this).closest('form').attr('action', function(){
            return $(this).attr('data-oldaction');
        });
        return false;
    }
});

Le moyen le plus simple est de changer le type de bouton en bouton - en html puis d'ajouter un événement en js ...

Changement par rapport à ceci:

<form id="myForm">
   <button type="submit">Submit</button>
</form>

À

<form id="myForm">
   <button type="button" id="btnSubmit">Submit</button>
</form>

Et en js ou jquery ajoutez:

("#btnSubmit").click(function () {
    $('#myForm').submit();
});

Le code suivant annule l'utilisation de la clé d'entrée pour soumettre un formulaire, mais vous permet tout de même d'utiliser la clé d'entrée dans une zone de texte. Vous pouvez le modifier davantage en fonction de vos besoins.

<script type="text/javascript">
        function stopRKey(evt) {
          var evt = (evt) ? evt : ((event) ? event : null);
          var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
          if ((evt.keyCode == 13) && ((node.type=="text") || (node.type=="radio") || (node.type=="checkbox")) )  {return false;}
        }

        document.onkeypress = stopRKey;
</script> 

Dans Firefox, lorsque vous entrez et appuyez sur Entrée, il soumettra son formulaire supérieur. La solution est dans le formulaire de soumission, ajoutez ceci:

<input type="submit" onclick="return false;" style="display:none" />

3 ans plus tard et pas une seule personne n'a répondu complètement à cette question.

Le demandeur souhaite annuler la soumission du formulaire par défaut et appeler son propre Ajax. Il s'agit d'une simple demande avec une solution simple. Il n'est pas nécessaire d'intercepter chaque caractère entré dans chaque entrée.

En supposant que le formulaire possède un bouton d'envoi, que ce soit un <button id="save-form">ou un <input id="save-form" type="submit">, faites:

$("#save-form").on("click", function () {
    $.ajax({
        ...
    });
    return false;
});

J'ai entendu dire que ce whichn'est pas recommandé, alors changez la réponse la mieux notée à cela.

$('#formid').on('keyup keypress', function(e) {
  if (e.key === 'Enter') { 
    e.preventDefault();
    return false;
  }
});

réf. https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/which

Lorsque le fichier est terminé (chargement terminé), le script détecte chaque événement pour la touche "Entrée" et il désactive l'événement derrière.

<script>
            $(document).ready(function () {
                $(window).keydown(function(event){
                    if(event.keyCode == 13) {
                        e.preventDefault(); // Disable the " Entry " key
                        return false;               
                    }
                });
            });
        </script>

Solution complète en JavaScript pour tous les navigateurs

Le code ci-dessus et la plupart des solutions sont parfaits. Cependant, je pense que la "réponse courte" la plus appréciée est incomplète.

Voici donc la réponse complète. en JavaScript avec prise en charge native d'IE 7 également.

var form = document.getElementById("testForm");
form.addEventListener("submit",function(e){e.preventDefault(); return false;});

Cette solution empêchera désormais l'utilisateur de soumettre à l'aide de la touche Entrée et ne rechargera pas la page, ni ne vous amènera en haut de la page, si votre formulaire se trouve quelque part en dessous.

Que dis-tu de ça:

$(":submit").closest("form").submit(function(){
    $(':submit').attr('disabled', 'disabled');
});

Cela devrait désactiver tous les formulaires avec des boutons d'envoi dans votre application.