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 相关文章推荐
一个网马的tips实现分析
Nov 28 Javascript
JS中Iframe之间传值的方法
Mar 11 Javascript
jquery实现图片灯箱明暗的遮罩效果
Nov 15 Javascript
禁止页面刷新让F5快捷键及右键都无效
Jan 22 Javascript
Jquery $.getJSON 在IE下的缓存问题解决方法
Oct 10 Javascript
jquery中trigger()无法触发hover事件的解决方法
May 07 Javascript
基于vuejs+webpack的日期选择插件
May 21 Javascript
jQuery模拟爆炸倒计时功能实例代码
Aug 21 jQuery
在vue中实现简单页面逆传值的方法
Nov 27 Javascript
Vue 去除路径中的#号
Apr 19 Javascript
Element实现表格分页数据选择+全选所有完善批量操作
Jun 07 Javascript
vue在响应头response中获取自定义headers操作
Jul 24 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之第四天
2006/10/09 PHP
PHP Header用于页面跳转要注意的几个问题总结
2008/10/03 PHP
PHP strip_tags() 去字符串中的 HTML、XML 以及 PHP 标签的函数
2016/05/22 PHP
对于Laravel 5.5核心架构的深入理解
2018/02/22 PHP
JS 对象介绍
2010/01/20 Javascript
JS上传前预览图片实例
2013/03/25 Javascript
JavaScript自定义日期格式化函数详细解析
2014/01/14 Javascript
使用GruntJS构建Web程序之Tasks(任务)篇
2014/06/06 Javascript
javascript检测是否联网的实现代码
2014/09/28 Javascript
用队列模拟jquery的动画算法实例
2015/01/20 Javascript
JavaScript实现获取dom中class的方法
2015/02/09 Javascript
jQuery实现的精美平滑二级下拉菜单效果代码
2016/03/28 Javascript
浅谈JavaScript对象的创建方式
2016/06/13 Javascript
Bootstrap框架的学习教程详解(二)
2016/10/18 Javascript
jQuery删除当前节点元素
2016/12/07 Javascript
浅谈Node.js:fs文件系统模块
2016/12/08 Javascript
AngularJS中update两次出现$promise属性无法识别的解决方法
2017/01/05 Javascript
基于Jquery Ajax type的4种类型(详解)
2017/08/02 jQuery
vue+vuecli+webpack中使用mockjs模拟后端数据的示例
2017/10/24 Javascript
Vue点击切换颜色的方法
2018/09/13 Javascript
详解微信小程序轨迹回放实现及遇到的坑
2021/02/02 Javascript
[00:59]DOTA2英雄背景故事——上古巨神
2020/06/28 DOTA
python中__slots__用法实例
2015/06/04 Python
Python 3.x 新特性及10大变化
2015/06/12 Python
python中的字典使用分享
2016/07/31 Python
python利用matplotlib库绘制饼图的方法示例
2016/12/18 Python
200 行python 代码实现 2048 游戏
2018/01/12 Python
Python实现matplotlib显示中文的方法详解
2018/02/06 Python
在Pandas中处理NaN值的方法
2019/06/25 Python
python并发编程多进程 互斥锁原理解析
2019/08/20 Python
Python爬虫抓取指定网页图片代码实例
2020/07/24 Python
CSS3实现的文本3D效果附图
2014/09/03 HTML / CSS
CSS 3.0 结合video视频实现的创意开幕效果
2020/06/01 HTML / CSS
电子银行营销方案
2014/02/22 职场文书
企业仓管员岗位职责
2014/06/15 职场文书
nginx常用命令放入shell脚本详解
2021/03/31 Servers