jquery maxlength使用说明


Posted in Javascript onSeptember 09, 2011

CSS:

<style type="text/css"> 
body 
{ 
line-height: 1.5; 
font: 14px/1.5 arial,serif; 
color: #AAA; 
} 
.notification 
{ 
border: 3px solid #D55B5B; 
background-color: #FFCDCD; 
padding: 5px; 
} 
.tip 
{ 
color: #00A8C6; 
padding-left:2px; 
} 
</style>

JavaScript:
<script type="text/javascript" src="Scripts/jquery-1.4.2.min.js"></script> 
<script type="text/javascript" src="Scripts/maxlength.js"></script> 
<script type="text/javascript"> 
$(document).ready(function (e) { 
$('#txtContent').maxlength( 
{ 
maxCharacters: 20, //限制字符数 
status: true, //是否开启字数提示 
statusClass: 'tip', //提示框的样式 
notificationClass: 'notification', //超出限制时文本框的样式 
showAlert: false, //超出限制时是否弹出提示框 
alertText: '最多只能输入20个字符', //超出限制时弹出框的提示文字 
slider:true //提示幻灯效果 
} 
); 
}); 
</script>

html:
<body> 
<div> 
<textarea id="txtContent" cols="60" rows="5"></textarea> 
</div> 
</body>

效果如下:

jquery maxlength使用说明
Maxlength with jQuery国外插件

Javascript 相关文章推荐
javascript编程起步(第二课)
Feb 27 Javascript
URL地址中的#符号使用说明
Feb 12 Javascript
jquery中ajax学习笔记3
Oct 16 Javascript
Angularjs基础知识及示例汇总
Jan 22 Javascript
jQuery实现带水平滑杆的焦点图动画插件
Mar 08 Javascript
JavaScript每天必学之数组和对象部分
Sep 17 Javascript
Node.js中DNS模块学习总结
Feb 28 Javascript
JS中Promise函数then的奥秘探究
Jul 30 Javascript
JavaScript学习教程之cookie与webstorage
Jun 23 Javascript
JavaScript中的类型检查
Feb 03 Javascript
JavaScript常用工具函数大全
May 06 Javascript
js代码编写无缝轮播图
Sep 13 Javascript
基于jquery可配置循环左右滚动例子
Sep 09 #Javascript
jQuery(1.6.3) 中css方法对浮动的实现缺陷分析
Sep 09 #Javascript
详谈 Jquery Ajax异步处理Json数据.
Sep 09 #Javascript
$.ajax返回的JSON无法执行success的解决方法
Sep 09 #Javascript
yepnope.js 异步加载资源文件
Sep 08 #Javascript
jquery绑定原理 简单解析与实现代码分享
Sep 06 #Javascript
JQuery扩展插件Validate—6 radio、checkbox、select的验证
Sep 05 #Javascript
You might like
PHP验证码函数代码(简单实用)
2013/09/29 PHP
PHP中对缓冲区的控制实现代码
2013/09/29 PHP
去除php注释和去除空格函数分享
2014/03/13 PHP
windows7下安装php的imagick和imagemagick扩展教程
2014/07/04 PHP
php文件上传类完整实例
2016/05/14 PHP
老生常谈php 正则中的i,m,s,x,e分别表示什么
2017/03/02 PHP
PHP获取文件扩展名的常用方法小结【五种方式】
2018/04/27 PHP
jQuery实战之品牌展示列表效果
2011/04/10 Javascript
JQuery遍历DOM节点的方法
2015/06/11 Javascript
jquery实现动静态条形统计图
2015/08/17 Javascript
jQuery点击输入框显示验证码图片
2016/05/19 Javascript
微信小程序 时间格式化(util.formatTime(new Date))详解
2016/11/16 Javascript
Node.Js生成比特币地址代码解析
2018/04/21 Javascript
Vue.js仿Select下拉框效果
2020/02/18 Javascript
javascript设计模式 ? 访问者模式原理与用法实例分析
2020/04/26 Javascript
Vue管理系统前端之组件拆分封装详解
2020/08/23 Javascript
django+js+ajax实现刷新页面的方法
2017/05/22 Python
python win32 简单操作方法
2017/05/25 Python
Python信息抽取之乱码解决办法
2017/06/29 Python
python实现xlsx文件分析详解
2018/01/02 Python
简单了解Django应用app及分布式路由
2019/07/24 Python
pytorch实现从本地加载 .pth 格式模型
2020/02/14 Python
tensorflow使用L2 regularization正则化修正overfitting过拟合方式
2020/05/22 Python
Python 列表推导式需要注意的地方
2020/10/23 Python
Django缓存Cache使用详解
2020/11/30 Python
详解解决jupyter不能使用pytorch的问题
2021/02/18 Python
一文读懂python Scrapy爬虫框架
2021/02/24 Python
使用CSS3制作一个简单的进度条(demo)
2017/05/23 HTML / CSS
德国古洛迷亚百货官网:GALERIA Kaufhof
2017/06/20 全球购物
导师评语大全
2014/04/26 职场文书
给校长的建议书600字
2014/05/15 职场文书
党的群众路线学习材料
2014/05/16 职场文书
平安家庭示范户事迹
2014/06/02 职场文书
家长会欢迎标语
2014/06/24 职场文书
改革共识倡议书
2014/08/29 职场文书
2015年学校体育工作总结
2015/04/22 职场文书