用jquery limit.js插件显示当用户在input输入字符时提示还可以输入多少个字的效果
//引用的jquery框架
<script src=".jquery-1[1].3.2.min.js" type="text/javascript"></script>
//简便的一个基于jquery的js文件,用于统计字符数
<script src="limit.js" type="text/javascript"></script>
<script type="text/javascript">
function counter(object)
{ var limit = $(object).attr('maxlength');
if($(object).next(".counter").val()==undefined)
{$("#count").html("还可以输入<span class='counter'></span> - (<a href='#' target='_blank'>发言规则</a>)")}$(object).textlimit("span.counter",150); //最多150字符,超过则不能输入
}
</script>
HTML代码:
<textarea name="textarea" cols="75" rows="5" class="wby" onpropertychange="counter(this);" id="content" ></textarea>
<div class="hnsl" id="count">还可以输入150字 - (<a href="#" target="_blank">发言规则)</a>
</div>