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 相关文章推荐
js编码之encodeURIComponent使用介绍(asp,php)
Mar 01 Javascript
页面只能打开一次Cooike如何实现
Dec 04 Javascript
Jquery 实现表格颜色交替变化鼠标移过颜色变化实例
Aug 28 Javascript
jQuery获得内容和属性方法及示例
Dec 02 Javascript
jquery实现的美女拼图游戏实例
May 04 Javascript
浅谈JavaScript中的对象及Promise对象的实现
Nov 15 Javascript
jquery hover 不停闪动问题的解决方法(亦为stop()的使用)
Feb 10 Javascript
微信小程序 开发MAP(地图)实例详解
Jun 27 Javascript
JavaScript框架Angular和React深度对比
Nov 20 Javascript
用Node提供静态文件服务的方法
Jul 06 Javascript
node.js实现带进度条的多文件上传
Mar 27 Javascript
jQuery插件simplePagination的使用方法示例
Apr 28 jQuery
基于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
ADODB的数据库封包程序库
2006/12/31 PHP
CI框架教程之优化验证码机制详解【验证码辅助函数】
2019/04/16 PHP
php用wangeditor3实现图片上传功能
2019/08/22 PHP
php文件上传原理与实现方法详解
2019/12/20 PHP
学习YUI.Ext基础第一天
2007/03/10 Javascript
JavaScript.The.Good.Parts阅读笔记(二)作用域&amp;闭包&amp;减缓全局空间污染
2010/11/16 Javascript
JavaScript在for循环中绑定事件解决事件参数不同的情况
2014/01/20 Javascript
一个支付页面DEMO附截图
2014/07/22 Javascript
兼容主流浏览器的JS复制内容到剪贴板
2014/12/12 Javascript
JavaScript设计模式之原型模式(Object.create与prototype)介绍
2014/12/28 Javascript
JavaScript中的toLocaleLowerCase()方法使用详解
2015/06/06 Javascript
js电话号码验证方法
2015/09/28 Javascript
js 基础篇必看(点击事件轮播图的简单实现)
2016/08/20 Javascript
javascript 分号总结及详细介绍
2016/09/24 Javascript
Bootstrap选项卡学习笔记分享
2017/02/13 Javascript
ionic+AngularJs实现获取验证码倒计时按钮
2017/04/22 Javascript
Javascript继承机制详解
2017/05/30 Javascript
浅谈 Webpack 如何处理图片(开发、打包、优化)
2019/05/15 Javascript
简单了解JavaScript弹窗实现代码
2020/05/07 Javascript
taro 实现购物车逻辑的实例代码
2020/06/05 Javascript
Python删除指定目录下过期文件的2个脚本分享
2014/04/10 Python
python中函数默认值使用注意点详解
2016/06/01 Python
Python实现图片滑动式验证识别方法
2017/11/09 Python
django 捕获异常和日志系统过程详解
2019/07/18 Python
Python集合基本概念与相关操作实例分析
2019/10/30 Python
Django实现celery定时任务过程解析
2020/04/21 Python
python 读txt文件,按‘,’分割每行数据操作
2020/07/05 Python
基于Python组装jmx并调用JMeter实现压力测试
2020/11/03 Python
全球销量第一生发产品:Viviscal
2017/12/21 全球购物
英国现代家具和装饰网站:PN Home
2018/08/16 全球购物
我想声明一个指针并为它分配一些空间, 但却不行。这些代码有什么 问题?char *p; *p = malloc(10);
2016/10/06 面试题
护士进修自我鉴定
2014/02/07 职场文书
县委党的群众路线教育实践活动工作情况报告
2014/10/25 职场文书
投诉信格式范文
2015/07/02 职场文书
详解TypeScript中的类型保护
2021/04/29 Javascript
《金肉人》米特&《航海王》阿鹤声优松岛实因胰脏癌去世 享寿81岁
2022/04/13 日漫