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 页面编码与浏览器类型判断代码
Jun 03 Javascript
from 表单提交返回值用post或者是get方法实现
Aug 21 Javascript
仿当当网淘宝网等主流电子商务网站商品分类导航菜单
Sep 25 Javascript
Javascript操作URL函数修改版
Nov 07 Javascript
JS 实现BASE64_ENCODE和BASE64_DECODE(实例代码)
Nov 13 Javascript
js实现横向百叶窗效果网页切换动画效果的方法
Mar 02 Javascript
jQuery动态添加
Apr 07 Javascript
细数JavaScript 一个等号,两个等号,三个等号的区别
Oct 09 Javascript
微信小程序  生命周期详解
Oct 27 Javascript
基于AngularJS实现的工资计算器实例
Jun 16 Javascript
laravel5.3 vue 实现收藏夹功能实例详解
Jan 21 Javascript
vue中的适配px2rem示例代码
Nov 19 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
对盗链说再见...
2006/10/09 PHP
Windows下利用Gvim写PHP产生中文乱码问题解决方法
2011/04/20 PHP
解析PHP中的内存管理,PHP动态分配和释放内存
2013/06/28 PHP
php实现删除空目录的方法
2015/03/16 PHP
php结合ACCESS的跨库查询功能
2015/06/12 PHP
PHP7 新特性详细介绍
2016/09/06 PHP
PHP数据库操作二:memcache用法分析
2017/08/16 PHP
奇妙的js
2007/09/24 Javascript
关于document.cookie的使用javascript
2010/10/29 Javascript
在jquery中处理带有命名空间的XML数据
2011/06/13 Javascript
关于Javascript作用域链的八点总结
2013/12/06 Javascript
JS如何判断json是否为空
2016/07/06 Javascript
Javascript数组中push方法用法分析
2016/10/31 Javascript
全面解析node 表单的图片上传
2016/11/21 Javascript
jquery-mobile基础属性与用法详解
2016/11/23 Javascript
Input文本框随着输入内容多少自动延伸的实现
2017/02/15 Javascript
原生JS+Canvas实现五子棋游戏实例
2017/06/19 Javascript
详解React开发必不可少的eslint配置
2018/02/05 Javascript
微信小程序--获取用户地理位置名称(无须用户授权)的方法
2019/04/29 Javascript
jquery ajax 请求小技巧实例分析
2019/11/11 jQuery
[04:17]DOTA2完美盛典,rOtk、BurNIng携手巴图演唱《倔强》
2017/11/28 DOTA
[01:00]一分钟回顾2018DOTA2亚洲邀请赛现场活动
2018/04/07 DOTA
跟老齐学Python之正规地说一句话
2014/09/28 Python
用Python删除本地目录下某一时间点之前创建的所有文件的实例
2017/12/14 Python
win7下 python3.6 安装opencv 和 opencv-contrib-python解决 cv2.xfeatures2d.SIFT_create() 的问题
2019/10/24 Python
TFRecord文件查看包含的所有Features代码
2020/02/17 Python
python3.4中清屏的处理方法
2020/07/06 Python
大学生农村教师实习自我鉴定
2013/09/21 职场文书
授权委托书样本
2014/04/03 职场文书
中学生国旗下讲话稿
2014/04/26 职场文书
2014标准社保办理委托书
2014/10/06 职场文书
2015年手术室工作总结
2015/05/11 职场文书
2015年高校教师个人工作总结
2015/05/25 职场文书
MybatisPlus代码生成器的使用方法详解
2021/06/13 Java/Android
Redis缓存-序列化对象存储乱码问题的解决
2021/06/21 Redis
nginx配置之并发频次限制
2022/04/18 Servers