textarea 字数限制，通过js 实现

最新推荐文章于 2023-06-20 10:41:12 发布

原创最新推荐文章于 2023-06-20 10:41:12 发布 · 300 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#textarea #字数限制

收录于

Web 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种在网页中实现Textarea输入字数限制的方法，通过jQuery监听键盘输入事件，实时更新剩余字数，并自动截断超出限制的文字。

textarea字数限制，复制代码就能用

<div class="ins-xl-16">
    <textarea id="rulediscription" class="form-textarea" style="margin-left:5px;"
              maxLength="150"></textarea> <br>剩余字数：<span id="word" style="color:red;">140</span>
</div>

<script>
    $(function () {
        $("#rulediscription").keyup(function () {
            var len = $(this).val().length;
            if (len > 139) {
                $(this).val($(this).val().substring(0, 140));
            }
            var num = 140 - len;
            $("#word").text(num);
        });
    });
</script>

若好用，记得点个?