jquery显示输入框字符数

Y叔输得起

于 2011-08-17 09:39:44 发布

阅读量1.1k

点赞数

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

js 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个基于jQuery的文本计数插件，该插件能够实时监测文本框内字符数量，并提供直观反馈，帮助用户了解剩余可输入字符数。

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

(function($){  
    $.fn.artTxtCount = function(content,tipWrap, minNum, maxNum){  
        var count = function(){  
            len = $(this).val().length;
            if(len < minNum) {
            	tipWrap.html('已输入<font color="#000">' + len + '</font>个字符。');
            }
            else if(len < maxNum && len >= minNum) {
            	tipWrap.html('还可以输入<font color="#000">' + (maxNum-len) + '</font>个字符。');
            }
            else if(len >= maxNum){ 
            	content.attr("value",$(this).val().substring(0,maxNum));
            	tipWrap.html('<font color="red">还可以输入0个字符!</font>');  
            }
        };  
        $(this).bind('keyup change', count);  
        return this;  
    };  
})(jQuery);
$(document).ready(function(){ 
    $('#contactContent').artTxtCount($('#contactContent'), $('#contactTips'), 10, 1000);//参数：textarea的id，span的id, 最少字符数, 最大字符数
});