PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> Javascript >> 

Jquery limit 插件统计字符数(实现还可以输入多少字)

Jquery limit 插件统计字符数(实现还可以输入多少字)

来源:PHP程序员站  作者:PHP程序员站  发布时间:2011-06-16
用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/sc

用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>


延伸阅读:
9个实用的jQuery倒计时插件推荐
6款强大的jQuery插件 创建和加强网站布局
10个jQuery弹出层插件推荐
JQuery Tree插件:zTree v2.6正式版发布
网站不再单调!10个有用的jQuery插件
10个免费的jQuery可视化编辑器插件
14 个很酷的 jQuery 导航菜单插件
jQuery插件jPaginate实现Ajax分页效果
jQuery文字滚动效果插件marquee的应用
9个实用jQuery日历插件
10个美观实用的 jQuery/Mootool 日历插件
jQuery圆角插件,实现兼容浏览器圆角效果
jQuery双日历插件 jQuery Datepicker
日期选择控件 jQuery DateInput 日历插件
240多个jQuery插件推荐
jQuery Plugin for Popup对话框插件
FullCalendar jQuery日历插件
jQuery插件FullCalendar日程表实现
jQuery浮动窗口插件 scrollFollow

用jquery日历插件FullCalendar打造outlook的日历效果
Tags: jQuery   limit   插件   统计   字符数  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号