jQuery 类twitter的文本字数限制带提示效果插件


Posted in Javascript onApril 16, 2010

之前也介绍过一个类似效果的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 id="form" method="post" action=""> 
<h2>Default Usage</h2> 
<div> 
<label for="message">Type your message</label> 
<textarea id="message1" name="message1"></textarea> 
</div> 
<h2>Custom Usage</h2> 
<div> 
<label for="message">Another message (limited to 30, warning at 10)</label> 
<textarea id="message2" 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>

演示代码
打包打包下载
Javascript 相关文章推荐
javascript 三种编解码方式
Feb 01 Javascript
关于捕获用户何时点击window.onbeforeunload的取消事件
Mar 06 Javascript
javascript静态页面传值的三种方法分享
Nov 12 Javascript
js判断图片加载完成后获取图片实际宽高的方法
Feb 25 Javascript
原生js和jquery分别实现横向导航菜单效果
May 13 Javascript
AngularJS国际化详解及示例代码
Aug 18 Javascript
JS经典正则表达式笔试题汇总
Dec 15 Javascript
JavaScript实现树的遍历算法示例【广度优先与深度优先】
Oct 26 Javascript
vue 登录滑动验证实现代码
Aug 24 Javascript
在微信小程序中使用vant的方法
Jun 07 Javascript
使用layui的router来进行传参的实现方法
Sep 06 Javascript
bootstrap实现tab选项卡切换
Aug 09 Javascript
jQuery maxlength文本字数限制插件
Apr 16 #Javascript
一款js和css代码压缩工具[附JAVA环境配置方法]
Apr 16 #Javascript
jQuery对象与DOM对象之间的转换方法
Apr 15 #Javascript
jquery中获得$.ajax()事件返回的值并添加事件的方法
Apr 15 #Javascript
网站导致浏览器崩溃的原因总结(多款浏览器) 推荐
Apr 15 #Javascript
jQuery 打造动态下滑菜单实现说明
Apr 15 #Javascript
xheditor与validate插件冲突的解决方案
Apr 15 #Javascript
You might like
php目录拷贝实现方法
2015/07/10 PHP
如何正确配置Nginx + PHP
2016/07/15 PHP
javascript一个无懈可击的实例化XMLHttpRequest的方法
2010/10/13 Javascript
基于Jquery+Ajax+Json的高效分页实现代码
2011/10/29 Javascript
extjs tabpanel限制选项卡数量实现思路及代码
2013/04/02 Javascript
jQuery之ajax技术的详细介绍
2013/06/19 Javascript
js给页面加style无效果的解决方法
2014/01/20 Javascript
Javascript的闭包详解
2014/12/26 Javascript
jQuery点击其他地方时菜单消失的实现方法
2016/04/22 Javascript
jQuery实现右下角可缩放大小的层完整实例
2016/06/20 Javascript
使用Angular.js开发的注意事项
2016/10/19 Javascript
BootStrap实现轮播图效果(收藏)
2016/12/30 Javascript
使用Bootstrap + Vue.js实现添加删除数据示例
2017/02/27 Javascript
Bootstrap Table快速完美搭建后台管理系统
2017/09/20 Javascript
使用express+multer实现node中的图片上传功能
2018/02/02 Javascript
vue.js前后端数据交互之提交数据操作详解
2018/04/24 Javascript
React 实现拖拽功能的示例代码
2019/01/06 Javascript
浅析vue中的provide / inject 有什么用处
2019/11/10 Javascript
[02:35]DOTA2英雄基础教程 末日使者
2013/12/04 DOTA
python实现查询IP地址所在地
2015/03/29 Python
用python编写第一个IDA插件的实例
2018/05/29 Python
详解Python并发编程之从性能角度来初探并发编程
2019/08/23 Python
python2.7实现复制大量文件及文件夹资料
2019/08/31 Python
python中return的返回和执行实例
2019/12/24 Python
Python3爬虫中Splash的知识总结
2020/07/10 Python
python 爬取英雄联盟皮肤并下载的示例
2020/12/04 Python
英国家居用品和床上用品零售商:P&B Home
2020/01/16 全球购物
企业军训感想
2014/02/07 职场文书
校庆标语集锦
2014/06/25 职场文书
2015幼儿园庆元旦活动方案
2014/12/09 职场文书
公司行政助理岗位职责
2015/04/11 职场文书
搞笑欢迎词大全
2015/09/30 职场文书
送给自己的励志语句:要安静的优秀,悄无声息的坚强
2019/11/26 职场文书
分析JVM源码之Thread.interrupt系统级别线程打断
2021/06/29 Java/Android
浅谈MySQL之select优化方案
2021/08/07 MySQL
PostgreSQL常用字符串分割函数整理汇总
2022/07/07 PostgreSQL