textarea字数超过限制禁止输入

最新推荐文章于 2023-10-23 15:16:04 发布

ljstyle

最新推荐文章于 2023-10-23 15:16:04 发布

阅读量2.6k

点赞数 1

分类专栏： js 文章标签： js jquery

本文链接：https://blog.csdn.net/ljstyle/article/details/71603382

版权

js 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>textarea字数超过限制禁止输入</title>
</head>
<body>
    <script src="js/jquery-1.11.3.js"></script>
    <textarea id="area" name="ss" placeholder="请输入文本内容" style="margin-left:100px;"></textarea>
    <p style="margin-left:100px;"><span id="text-count">0</span>/20</p>
    <script type="text/javascript">
      //  字数超过限制禁止输入
        $("#area").on("input propertychange", function() {
            var $this = $(this),
                _val = $this.val(),
                count = "";
            if (_val.length > 20) {
                $this.val(_val.substring(0, 20));
            }
            count =_val.length;
            $("#text-count").text(count);
        });
    </script>
</body>
</html>

ljstyle

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
textarea字数超过限制禁止输入

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>textarea字数超过限制禁止输入</title></head><body> <script src="js/jquery-1.11.3.js"></script> <textarea id="area" name="ss" placehold
复制链接

扫一扫