lcdngzsxx 发表于 2013-2-7 16:11:47

jquery 实时显示文本输入框字数

(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 class="nodeBox containerNodeBox open"><div class="nodeCloseLabel "><div><textarea id="message_content" class="lenarea" style="height:150px;" rows="20" name="message" cols="40"></textarea><div align="right" style="margin-right:0px;"><span id="text_length"> </span></div></div>
页: [1]
查看完整版本: jquery 实时显示文本输入框字数