Textarea每行限制字符Jquery或Javascript

时间:2011-03-08 17:54:10

标签: javascript jquery textarea word-wrap

  

可能重复:
  How to limit number of characters per line in text area to a fixed value.

你好朋友,

我认为我有一个textarea字段。

我需要设置每行72个字符的长度。

即用户每行输入超过72个字符,我需要转到下一行。

如何使用jquery或javascript设置这些限制?

由于

4 个答案:

答案 0 :(得分:7)

这不是标准,但它适用于许多浏览器,测试它。

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

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

将wrap设置为hard会使其向服务器发送新行。将其设置为软只会在视觉上打破它。

答案 1 :(得分:3)

无需使用javascript。 <textarea>代码中内置了HTML属性。

See some documentation here.

您的使用示例

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

使用HARD Wrap实际上在换行时设置回车符。

答案 2 :(得分:2)

我可能会稍微发布这个答案,但最好用javaScript来确保浏览器的兼容性。使用jQuery我们可以做到

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++;
    }
});

检查http://jsfiddle.net/ZWVad/2/

处的工作示例

答案 3 :(得分:-4)

如果你把它放在你的html中:

<TEXTAREA ID="12" WRAP=HARD></TEXTAREA>
<TEXTAREA ID="92" WRAP=HARD></TEXTAREA>

您可以使用jQuery执行此操作:

$("#12").attr({cols: 12});
$("#92").attr({cols: 92});