Textarea Limite de caractères par ligne Jquery ou Javascript

Question

Duplicata possible :
Comment limiter le nombre de caractères par ligne dans la zone de texte à une valeur fixe.

Bonjour les amis,

J'ai un champ de type textarea dans ma vue.

Je dois définir une longueur de 72 caractères par ligne.

si l'utilisateur entre plus de 72 caractères par ligne, je dois passer à la ligne suivante.

Comment fixer ces limites en utilisant jquery ou javascript ?

Merci

Answer 1

Ce n'est pas la norme, mais cela fonctionne dans de nombreux navigateurs, testez-le.

http://www.htmlcodetutorial.com/forms/_TEXTAREA_WRAP.html

<TEXTAREA NAME="HARD" COLS="72" ROWS="5" WRAP="HARD">

Le réglage de wrap sur hard permet d'envoyer de nouvelles lignes au serveur. Le mettre sur soft ne le casse que visuellement.

Answer 2

Il n'est pas nécessaire d'utiliser le javascript pour cela. Il existe un attribut HTML intégré à l'élément <textarea> étiquette.

Voir la documentation ici.

exemple pour votre usage

<TEXTAREA NAME="HARD" COLS=72 ROWS=5 WRAP=HARD></TEXTAREA>

Utilisation d'un HARD Wrap définit en fait les retours chariot lorsque la ligne est enveloppée.

Answer 3

Je suis peut-être un peu en retard pour poster cette réponse, mais il est préférable de le faire avec javaScript pour assurer la compatibilité des navigateurs. Avec jQuery, on peut faire

var count= 1;
var chars= 3;
$('#mytext').keydown(function() {
        var v = $(this).val();
        var vl = v.replace(/(\r\n|\n|\r)/gm,"").length;   
    if (parseInt(vl/count) == chars)
    {
        $(this).val(v + '\n');
        count++;
    }
});

Consultez l'exemple de travail à http://jsfiddle.net/ZWVad/2/