(function($){
$.fn.artTxtCount = function(tipWrap, minNumber, maxNumber){
var countClass = 'info',
fullClass = 'content_overstop';
content = 'content_color';
var count = function(){
val = $(this).val().length;
if(val <= maxNumber && val >= minNumber){
tipWrap.html('<span class="' + countClass + '">Charater Count: <font class="' + content + '">' + val + '</font></span>');
}else{
tipWrap.html('<span class="' + countClass + '">Charater Count: <font class="' + fullClass + '">' + val + '</font></span>');
};
};
$(this).bind('keyup change', count);
return this;
};
})(jQuery);
?页面需要引用jquery.min.js
$(document).ready(function(){?
???? $('#message_content').artTxtCount($('#text_length'), 100, 2000); //参数说明,显示文本的控件,最少值,最多值。
});
页面代码
<div> <textarea id="message_content" class="lenarea" style="height:150px;" rows="20" name="message[content]" cols="40"></textarea> <div align="right" style="margin-right:0px;"> <span id="text_length"> </span> </div> </div>?
不懂的可以留言,有更好的方式也可以交流