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(视频与PPT)
Dec 27 Javascript
js几个验证函数代码
Mar 25 Javascript
JS中 用户登录系统的解决办法
Apr 15 Javascript
JS执行删除前的判断代码
Feb 18 Javascript
IE下通过a实现location.href 获取referer的值
Sep 04 Javascript
JavaScript操作Oracle数据库示例
Mar 06 Javascript
JS使用eval解析JSON的注意事项分析
Nov 14 Javascript
JS动态给对象添加属性和值的实现方法
Oct 21 Javascript
又一款MVVM组件 构建自己的Vue组件(2)
Mar 13 Javascript
vue.js选中动态绑定的radio的指定项
Jun 02 Javascript
微信小程序实现卡片层叠滑动效果
Jun 21 Javascript
如何解决vue在ios微信&quot;复制链接&quot;功能问题
Mar 26 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的相似度计算函数:levenshtein的使用介绍
2013/04/15 PHP
php不用正则验证真假身份证
2013/11/06 PHP
php中数组最简单的使用方法
2020/12/27 PHP
combox改进版 页面原型参考dojo的,比网上jQuery的那些combox功能强,代码更小
2010/04/15 Javascript
Bootstrap CSS布局之代码
2016/12/17 Javascript
JavaScript代码实现txt文件的上传预览功能
2018/03/27 Javascript
jQuery基于闭包实现的显示与隐藏div功能示例
2018/06/09 jQuery
深入探讨JavaScript的最基本部分之执行上下文
2019/02/12 Javascript
使用vue3重构拼图游戏的实现示例
2021/01/25 Vue.js
[53:52]OG vs EG 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
python实现目录树生成示例
2014/03/28 Python
python中实现php的var_dump函数功能
2015/01/21 Python
分析Python中解析构建数据知识
2018/01/20 Python
在Python 2.7即将停止支持时,我们为你带来了一份python 3.x迁移指南
2018/01/30 Python
django 发送手机验证码的示例代码
2018/04/25 Python
Python实现数据可视化看如何监控你的爬虫状态【推荐】
2018/08/10 Python
用Python实现数据的透视表的方法
2018/11/16 Python
使用k8s部署Django项目的方法步骤
2019/01/14 Python
对python多线程SSH登录并发脚本详解
2019/02/14 Python
python tkinter组件使用详解
2019/09/16 Python
python tkinter canvas使用实例
2019/11/04 Python
深入浅析python的第三方库pandas
2020/02/13 Python
如何实现一个python函数装饰器(Decorator)
2020/10/12 Python
python 基于Apscheduler实现定时任务
2020/12/15 Python
python 可视化库PyG2Plot的使用
2021/01/21 Python
CSS3实现莲花绽放的动画效果
2020/11/06 HTML / CSS
HTML5混合开发二维码扫描以及调用本地摄像头
2017/12/27 HTML / CSS
报关简历自我评价怎么写
2013/09/19 职场文书
法律专业推荐信范文
2013/11/29 职场文书
初婚未育未抱养证明
2014/01/12 职场文书
业务员简历自我评价
2014/03/06 职场文书
学校食品安全责任书
2015/01/29 职场文书
音乐教师个人工作总结
2015/02/06 职场文书
文言文辞职信
2015/02/28 职场文书
幼儿园大班个人总结
2015/02/28 职场文书
2016党风廉政建设心得体会范文
2016/01/25 职场文书