Ajouter un caractère de nouvelle ligne à textarea au lieu de soumettre le formulaire

J'ai un formulaire avec une zone de texte et en appuyant sur la touche entrée soumet mon formulaire. Comment puis-je faire pour ajouter un caractère de nouvelle ligne à la place de la soumission d'un formulaire.

Travaillez-vous avec des ASP.net?
pas de iam à travailler avec Spring mvc, mais c'est un simple formulaire html.
bien copain maj+entrée par défaut de travail que ce que vous voulez
vérifier si ur code html est wriitten correctement
Je souhaite que je pourrais modifier les commentaires afin que je puisse les corriger quand les gens disent des choses comme "ur".

OriginalL'auteur khizar | 2012-12-24

  1. 25
    $('textarea').keypress(function(event) {
   if (event.which == 13) {
      event.stopPropagation();
   }
});​

    JSFiddle Démo

    bien pour tous les amis qui ont répondu devriez lire la question correctement 😉
    +1 pour être la seule personne en mesure de le faire!
    eh bien, je pensais à répondre à la première, mais j'ai eu une confusion au sujet de /n ou \n 😉
    Ce (la version précédente) ajoute une nouvelle ligne à la fin du texte – mais que faire si vous êtes en tapant dans le milieu du texte? J'ai édité ce en conséquence. — Un problème n'est toujours pas fixé sur ce que, à l'instar de Jack Cood mentionne: l'ajout d'une nouvelle ligne dans la dernière ligne visible signifie que vous devez ajuster la barre de défilement. — Je suis juste super embrouillé que cela ne fonctionne pas hors de la boîte. Un bogue!

    OriginalL'auteur

  2. 2

    Cela devrait aider

    $('#myProblematicForm textarea').keypress(function(event) {
  if (event.which == 13) {
    event.preventDefault();
    this.value = this.value + "\n";
  }
});

    Pour ce que ça vaut, je suis en utilisant google Chrome sur OS X et Entrée insère une \n dans un textarea pour moi et ne pas soumettre des formulaires par défaut.

    copain je suis aussi à l'aide de Google Chrome, Mais Sur Windows, Il n'ajoute pas de saut de ligne par défaut!
    Je ne suis pas ton copain, pal 😛
    ok eh bien, je suis aussi à l'aide de Google Chrome, Mais Sur Windows, Il n'ajoute pas de saut de ligne par défaut!
    wups. Voir modifier.
    votre solution fonctionne, mais j'ai un problème avec google Chrome. Si textarea est scrollable, lorsque j'appuie sur la touche entrée, la barre de défilement ne fonctionne pas, je veux dire qu'il n'a pas faites défiler jusqu'à la ligne nouvelle. Toutes les idées pour ce problème?

    OriginalL'auteur

  3. 1

    vous pouvez essayer ce code:

    $(document).ready(function() {
  $("textarea").keydown(function(event){
    if(event.keyCode == 13) {
      event.preventDefault();
      return false;
    }
  });
});
    Cela désactive à travers la fenêtre, qui ne peut être prévu. Vous devriez portée à l'entrée de la boîte en question.

    OriginalL'auteur

  4. 1
    $(document).ready(function() {
  $('textarea').keydown(function(event){
    if (event.keyCode == 13) {
      event.preventDefault();
      var s = $(this).val();
      $(this).val(s+"\n");
    }
  });
});

    OriginalL'auteur

  5. 1

    Des réponses précédentes n'est pas gérer le fractionnement de la valeur actuelle de la textarea et simplement ajoute un caractère de nouvelle ligne.
    La suite des arrêts de l'évènement de remonter à la forme et permet encore typique textarea comportement sur 'enter'.

    $('textarea').keydown(function(event) {
  if (event.keyCode === 13) {
    event.stopPropagation();
  }
});

    OriginalL'auteur

  6. 1

    Cela a fonctionné pour moi

    $(document).keypress(function(e) {
if(e.which == 13) {
    if(document.activeElement.tagName != "TEXTAREA") {
        e.preventDefault();
    };
  }
})

    OriginalL'auteur

  7. 1
    $(document).ready(function(){
$("#text").keypress(function(event) {   
   if (event.which == 13) { 
      var s = $(this).val();
      $(this).val(s+"\n");  //\t for tab
   }
});      
});

    Cela peut être fait en jquery code que j'ai donné ci-dessus. Faut remarquer que l'utilisation de la fonction ready est nécessaire lorsque vous écrivez un script ci-dessus avant de le codes de l'HTML champ de saisie, et pas nécessaire lorsque vous écrire après le champ de saisie des codes.Si cela ne fonctionne pas essayez d'utiliser \t à la place de \n il va travailler.

    Alors que ce code peut répondre à la question, en fournissant plus de contexte sur comment et/ou pourquoi il résout le problème serait d'améliorer la réponse à long terme de valeur. Veuillez lire ce comment répondre pour offrir une qualité de réponse.
    Merci pour les suggestions @thewaywewere , voir mon édité réponse, espérons que cela peut vous aider.

    OriginalL'auteur