下面是个简单易学的jQuery 类twitter的文本字数限制带提示效果插件教程，图老师小编详细图解介绍包你轻松学会，喜欢的朋友赶紧get起来吧！
【 tulaoshi.com - Web开发 】
之前也介绍过一个类似效果的JQuery插件jQuery maxlength文本字数限制插件,不过这次的charcount部署更简单,而且有超出数字提示的功能.
简单的部署:
1.载入js:
代码如下：
script type="text/javascript" src="js/jquery.js"/script
script type="text/javascript" src="js/charCount.js"/script
2.Html结构:
代码如下：
form method="post" action=""
h2Default Usage/h2
div
label for="message"Type your message/label
textarea name="message1"/textarea
/div
h2Custom Usage/h2
div
label for="message"Another message (limited to 30, warning at 10)/label
textarea name="message2"/textarea
/div
/form
3.charCount插件设置:
代码如下：
script type="text/javascript"
$(document).ready(function(){
//default usage
$("#message1").charCount();
//custom usage
$("#message2").charCount({
allowed: 30,
warning: 10,
counterText: '剩余字数: '
});
});
/script
打包打包下载
来源:http://www.tulaoshi.com/n/20160219/1603163.html
看过《jQuery 类twitter的文本字数限制带提示效果插件》的人还看了以下文章 更多>>
