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 window.print实现打印特定控件或内容
Sep 16 Javascript
jQuery常用操作方法及常用函数总结
Jun 19 Javascript
jQuery的context属性用法实例
Dec 27 Javascript
JQuery select(下拉框)操作方法汇总
Apr 15 Javascript
浅谈jquery.fn.extend与jquery.extend区别
Jul 13 Javascript
AngularJS使用angular-formly进行表单验证
Dec 27 Javascript
javascript 判断页面访问方式电脑或者移动端
Sep 19 Javascript
浅谈Node.js ORM框架Sequlize之表间关系
Jul 24 Javascript
es6在react中的应用代码解析
Nov 08 Javascript
angularjs 页面自适应高度的方法
Jan 17 Javascript
vue的mixins属性详解
Mar 14 Javascript
React之PureComponent的使用作用
Jul 10 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中file_exists与is_file,is_dir的区别介绍
2012/09/12 PHP
codeigniter中测试通过的分页类示例
2014/04/17 PHP
PHP使用array_fill定义多维数组的方法
2015/03/18 PHP
PHP实现图片上传并压缩
2015/12/22 PHP
PHP加密技术的简单实现
2016/09/04 PHP
老生常谈php中传统验证与thinkphp框架(必看篇)
2017/06/10 PHP
PDO::getAvailableDrivers讲解
2019/01/28 PHP
laravel框架之数据库查出来的对象实现转化为数组
2019/10/23 PHP
JS中==与===操作符的比较
2009/03/21 Javascript
加随机数引入脚本不让浏览器读取缓存
2014/09/04 Javascript
js实现简单的可切换选项卡效果
2015/04/10 Javascript
深入理解jQuery中的事件冒泡
2016/05/24 Javascript
Javascript必知必会(四)js类型转换
2016/06/08 Javascript
JS针对浏览器窗口关闭事件的监听方法集锦
2016/06/24 Javascript
关于RequireJS的简单介绍即使用方法
2016/10/20 Javascript
微信小程序首页的分类功能和搜索功能的实现思路及代码详解
2018/09/11 Javascript
React 实现拖拽功能的示例代码
2019/01/06 Javascript
基于JS实现数字动态变化显示效果附源码
2019/07/18 Javascript
layer.confirm点击第一个按钮关闭弹出框的方法
2019/09/09 Javascript
bootstrap table实现iview固定列的效果实例代码详解
2019/09/30 Javascript
一看就会的vuex实现登录验证(附案例)
2020/01/09 Javascript
Vue实现购物小球抛物线的方法实例
2020/11/22 Vue.js
vue实现一个获取按键展示快捷键效果的Input组件
2021/01/13 Vue.js
详细解读Python中的__init__()方法
2015/05/02 Python
Python实现找出数组中第2大数字的方法示例
2018/03/26 Python
CSS3的column-fill属性对齐列内容高度的用法详解
2016/07/01 HTML / CSS
化石印度尼西亚在线商店:Fossil Indonesia
2019/03/11 全球购物
50道外企软件测试面试题
2014/08/18 面试题
高级护理专业大学生求职信
2013/10/24 职场文书
道路交通安全实施方案
2014/03/12 职场文书
大学生社会实践活动总结
2014/07/03 职场文书
就业协议书盖章的注意事项
2014/09/28 职场文书
免职证明样本
2014/10/23 职场文书
小学作文指导之如何写人?
2019/07/08 职场文书
eclipse创建项目没有dynamic web的解决方法
2021/06/24 Java/Android
python turtle绘图
2022/05/04 Python