文本域字数限制JS(兼容性好)

最新推荐文章于 2020-12-31 19:42:59 发布

u011287511

最新推荐文章于 2020-12-31 19:42:59 发布

阅读量312

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 JQuery

本文链接：https://blog.youkuaiyun.com/u011287511/article/details/73214458

前端同时被 2 个专栏收录

16 篇文章

订阅专栏

JQuery

4 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的前端文本输入限制方法，当输入字符超过限定长度时会自动截断，并实时显示剩余可输入的字符数量。此方案适用于各类表单输入场景。

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

<script type="text/javascript">  
    /*字数限制*/  
    $("#area").on("input propertychange", function() {  
        var $this = $(this),  
            _val = $this.val(),  
            count = "";  
        if (_val.length > 20) {  
        	var new_val=_val.substring(0, 20);
            $this.val(new_val);  
        }  
        count = 20 - $this.val().length;  
        $("#text-count").text(count);  
    });  
</script>