Question

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

你好朋友，

我认为我有一个textarea字段。

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

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

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

由于

Answer 1

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

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

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

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

Answer 2

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

See some documentation here.

您的使用示例

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

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

Answer 3

我可能会稍微发布这个答案，但最好用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/

处的工作示例

Answer 4

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

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

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

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

Textarea每行限制字符Jquery或Javascript

4 个答案:

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