当前位置：文江博客话题详情

Textarea 限制每行字符数 Jquery 或 Javascript

发布于 2024-10-21 10:21:42 字数 377 浏览 1 评论 0原文

可能的重复：
如何将文本区域中每行的字符数限制为固定值。

你好朋友，

我的视图中有一个文本区域字段。

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

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

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

谢谢

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

错爱 2024-10-28 10:21:42

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

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

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

将换行设置为硬使其向服务器发送新行。将其设置为柔和只会在视觉上破坏它。

This is not standard, but it works in many browsers, test it.

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

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

Setting wrap to hard makes it send new lines to the server. Setting it to soft only breaks it visually.

回复收藏 0 原文

哥，最终变帅啦 2024-10-28 10:21:42

无需为此使用 JavaScript。 </code> 标记中内置了一个 HTML 属性。

请参阅此处的一些文档。

供您使用的示例

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

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

No need to use javascript for this. There is a HTML attribute built into the <textarea> tag.

See some documentation here.

example for your use

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

Using a HARD Wrap actually sets carriage returns when the line is wrapped.

回复收藏 0 原文

若有似无的小暗淡 2024-10-28 10:21:42

我发布这个答案可能有点晚了，但是最好使用 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/ 处检查工作示例

I may be a bit late posting this answer, but this is best done with javaScript to ensure browser compatibility. With jQuery we can do

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

Check working example at http://jsfiddle.net/ZWVad/2/

回复收藏 0 原文

~没有更多了~