在IE环境下对多行文本输入框textarea进行字数限制

最新推荐文章于 2025-06-30 10:12:51 发布
原创 最新推荐文章于 2025-06-30 10:12:51 发布 · 1.5k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#textarea #字数限制

本文介绍如何在多行文本输入框 textarea 中设置字符限制，通过使用 JavaScript 实现，确保用户输入不超过指定字符数，以避免程序错误。

最近在开发一个新项目，业务人员不知道字数有限制，多输入了好多字，导致程序报错。后来，领导要求对多行文本输入框textarea进行字数限制，只知道对文本框进行限制！好吧，找度娘，呵呵，还真有！假设在多行文本输入框textarea只能输入20字符(包括中英文标点等)，那就写成如下格式：

<textarea name ="reamarks" style="width:100%;" rows="3" cols="3" onpropertychange="if(value.length>20) value = value.substr(0,20)"></textarea>


原文：http://www.cnblogs.com/butterfly/archive/2009/04/27/1444598.html

TextArea输入框字数限定
huangleijay的专栏
09-11 1061
一般在前台页面会对文本框的字数要做限制，一种方法是提示超出多少个字，不让保存对文本；还有一种是自动截取，但是自动截取对于键盘操作是没有问题的，对于鼠标的复制粘帖会有一些问题。下面看下代码： 注意：这里最好不要用jquery-1.9.1.js或以上的jquery，$.browser.msie在新版中淘汰了，要解决浏览器的判断稍微复杂了些 <script type="text/javascript"
多行文本收起/展开功能
GTbond的博客
01-22 1505
多行文本收起/展开功能 1. 效果图（默认设置超过2行才显示 按钮） 文字未超过两行 超过两行 2. 优点缺点 1.按钮和文字是环绕型，不会遮挡文字，文字避开会换行，不会像用定位做的，不会遮挡刚刚顶满最后一行的文字，定位的按钮和部分文字出现遮挡 2. 默认超过两行出现 收起、展开功能；可以修改-webkit-line-clamp: 2;改变行数 3.兼容性问题：IE浏览器不能生效 3. 代码 <template> <!-- 按钮和文字是环绕型，不会遮挡文字，文字避开会
多行文本框如何限制输入字数方法一.rar
07-05
多行文本框如何限制输入字数方法一
Textarea 限制输入字数，IE低版本浏览器不兼容的问题
BrotherBaby的博客
12-26 1493
IE9以下的浏览器，textarea输入框，输入限制，用maxlength无效，参考了网上的资料，在textarea中增加了事件。 截图如下：
textarea限制每行可输入固定个数的字符
张营的技术博客
11-09 1万+
textarea限制每行只可输入固定的字符，这个需求在H5移动端真的很mmp，这个需求怼了我不少时间，曾经为它通宵过，此处省略一万字。。。简(变)单(态)的需求：有两种textarea,一种是一行只能输入35个字符，一个是一行只能输入50个字符；（看起来很简单的样子）需要考虑的问题：1.一行怎么控制字数； 2.每个字母的宽度不一样，比如”W”和”I”，数字的宽度也不一样，比如”1”和”8”（可能第
textarea 字数限制
博客
04-13 421
【代码】textarea 字数限制。
实现输入框字数限制及提醒的JS代码
它可以是单行文本输入框（`<input type="text">`），也可以是多行文本区域（`<textarea>`）。用户可以在其中输入文字、数字和其他字符，通常用于收集用户的输入信息。 ### 知识点二：字数限制（Character Limit） ...
Element-ui 之 Textarea 自适应文本高度功能的源码分析
最新发布
rongrongVivian的博客
06-30 1663
本文将深入分析 Element UI 中 Textarea 自适应文本高度功能的实现原理。
程序天下:JavaScript实例自学手册
07-08
第3章 字符串文本和输入框特效 3.1 只带下划线的输入框 3.2 限定文本框可输入字符数 3.3 文字过长的省略号 3.4 输出26个英文字母 3.5 首字母变为大写 3.6 textarea自适应文字行数 3.7 禁止文本框的拷贝和粘贴 3.8 ...
多行文本输入框字数限制代码
12-20
利用js控制多行文本框字数
textarea输入限制方法
07-09
textarea输入限制方法，此方法使用js来控制输入数据最大值，也限制了复制粘贴输入、鼠标拖放输入。
textarea js实现限制每行个数，限制行数，限制字节数
weixin_44076909的博客
01-17 3285
标题在工作上需要用到一个自定义控件，多行文本框，需要限制文本框的行数，文字个数，以及字节数，这是用js实现的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=d
多行文本框textarea的字数控制动态提示。(剩余字数提醒)
热门推荐
低调地装B的代码农
09-19 1万+
//多行文本输入框剩余字数计算 function checkMaxInput(obj, maxLen) { if (obj == null || obj == undefined || obj == "") { return; } if (maxLen == null || ma
关于textarea限制字数的总结
weixin_30262255的博客
09-28 880
在input标签中，只需要设置maxlength=”200”即可，但是在textarea标签中，IE9及IE9以下浏览器是不支持的，IE10、IE11则支持，估计后续的版本应该都会支持。 现在来说下怎么让大部分IE版本都支持textarea标签限制字数，同时允许以chorme为内核的浏览器也支持。 <textarea rows="5"maxlength="200"onchange...
textarea 输入框限制字数（兼容ie）
HuangsTing的博客
09-03 632
问题：在input标签中，只需要设置maxlength=”***”即可，但是在textarea标签中，IE9及IE9以下浏览器是不支持的，IE10、IE11则支持 解决： <textarea id="taContent" rows="3" maxlength="20" onchange="this.value=this.value.substring(0, 20)" onkeydown...
多行文本溢出显示省略号，并兼容IE
janessssss的博客
05-25 1万+
工作的过程中难免需要对文本限制字数，超出部分显示省略号，单行的我们知道如下： overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 那么多行的怎么办，之前一般写的是： display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; ...
兼容ie的多行文本溢出隐藏，并显示省略号
什么都干的派森
04-14 6037
简单说明：在文本最后一行结尾添加一个遮罩（透明 → 白）遮罩上放省略号。 效果如下↓ html部分 <div class="text"></div> css部分 text { word-break:break-all; // 单词打断，可以让显示美观一些 width: 150px; line-height: 20px; // 单行文本高度 posit...
IE地址栏可输入的最大字符数
FireFly的专栏
03-24 3389
 IE地址栏最大的url长度是2083个字符，最大可以传递数据的长度是2048个字符，这个适用于POST和GET方式，注意这里说的POST是只在地址栏中输入参数，但是提交时取用POST方式。如果你用GET方式，传递的数据最大是2048个字符，刚才说了IE地址栏最大的url长度是2083个字符，这两个有什么关系呢？下面我举个例子说明一下：假设有一个url是http://www.xxx.com/d
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值