textarea限制输入的字数

最新推荐文章于 2024-06-18 23:00:00 发布

夏有凉风_

最新推荐文章于 2024-06-18 23:00:00 发布

阅读量772

点赞数 1

CC 4.0 BY-SA版权

分类专栏：笔记文章标签： jsp页面

本文链接：https://blog.youkuaiyun.com/weixin_42684618/article/details/88066602

笔记专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种在文本输入区域实现字数限制的方法，通过监听输入事件并实时更新剩余字数显示，确保用户输入不会超过设定的最大长度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<td colspan="3">
<textarea style="width:60%;" name="strContent" id="strContent" maxlength="2000" class="committee-form-text" data-rule-required="true" data-msg-required="请输入公务内容"></textarea>
<p><span id="text1">1000</span>/1000</p>
</td>

/*字数限制*/
 $("#strContent").on("input propertychange", function () {
var $this = $(this),
 _val = $this.val(),
 count = "";
if (_val.length > 1000) {
$this.val(_val.substring(0, 1000));
 }
count = 1000 - $this.val().length;
 $("#text1").text(count);
 });

view设置readonly