js 实时计算文本框字数限制

最新推荐文章于 2022-11-04 19:29:46 发布

转载最新推荐文章于 2022-11-04 19:29:46 发布 · 240 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wxc1/p/11037522.html

文章标签：

#前端 #ViewUI

本文介绍了一个使用jQuery实现的文本输入限制功能，当输入字符超过预设的最大长度时，会自动截断并显示剩余可输入字符数，同时调整字体颜色以提供直观的视觉提示。

$.fn.myTarea = function(){
    return this.each(function(){
        $(this).bind('input propertychange', function() {
            var id = $(this).attr("id");
            var maxContent=200;
            var strlen = 0; //初始定义长度为0
            var txtval = $('#'+id).val().trim();
            for (var i = 0; i <txtval.length; i++) {
                strlen +=1;
            }
            var leftSize = maxContent - strlen;
            if(strlen>maxContent){
                var udesc=txtval.substring(0,maxContent);
                $("textarea").val(udesc);
            }else{
                $('#'+id+'Span').css("color","#999999");
                $('#'+id+'Span').text("* "+strlen+"/"+leftSize+"");
            }
            // if(txtval.length>200)
            // {
            //
            //     var content=$(this).val().substring(0,51);
            //     $("textarea").val(content);
            //
            // }

        });
    });


}