JQuery为textarea添加maxlength属性并且兼容IE


Posted in Javascript onApril 25, 2013

// JQuery为textarea添加maxlength
// textarea默认不支持maxlength属性。
// 通过JQuery的keyup事件:
JQuery代码如下

<script type="text/javascript"> 
$(function(){ 
//IE也能用textarea 
$("textarea[maxlength]").keyup(function(){ 
var area=$(this); 
var max=parseInt(area.attr("maxlength"),10); //获取maxlength的值 
if(max>0){ 
if(area.val().length>max){ //textarea的文本长度大于maxlength 
area.val(area.val().substr(0,max)); //截断textarea的文本重新赋值 
} 
} 
}); 
//复制的字符处理问题 
$("textarea[maxlength]").blur(function(){ 
var area=$(this); 
var max=parseInt(area.attr("maxlength"),10); //获取maxlength的值 
if(max>0){ 
if(area.val().length>max){ //textarea的文本长度大于maxlength 
area.val(area.val().substr(0,max)); //截断textarea的文本重新赋值 
} 
} 
}); 
}); 
</script>

html:
<textarea style="width:300px; height:60px;" maxlength="10"></textarea>
Javascript 相关文章推荐
理解Javascript_10_对象模型
Oct 16 Javascript
Jquery实现自定义tooltip示例代码
Feb 12 Javascript
jquery实现的一个简单进度条效果实例
May 12 Javascript
js 去除字符串第一位逗号的方法
Jun 07 Javascript
js动态创建标签示例代码
Jun 09 Javascript
ECMAScript 5严格模式(Strict Mode)介绍
Mar 02 Javascript
必备的JS调试技巧汇总
Jul 20 Javascript
实例讲解JavaScript中call、apply、bind方法的异同
Sep 13 Javascript
从零开始学习Node.js系列教程三:图片上传和显示方法示例
Apr 13 Javascript
AngularJS日期格式化常见操作实例分析
May 17 Javascript
JavaScript中常用的简洁高级技巧总结
Mar 10 Javascript
vue+iview动态渲染表格详解
Mar 19 Javascript
同时使用n个window onload加载实例介绍
Apr 25 #Javascript
上传的js验证(图片/文件的扩展名)
Apr 25 #Javascript
7款吸引人眼球的jQuery/CSS3特效实例分享
Apr 25 #Javascript
JQUERY对单选框(radio)操作的小例子
Apr 25 #Javascript
jQuery中 noConflict() 方法使用
Apr 25 #Javascript
只需20行代码就可以写出CSS覆盖率测试脚本
Apr 24 #Javascript
js Array对象的扩展函数代码
Apr 24 #Javascript
You might like
社区(php&amp;&amp;mysql)一
2006/10/09 PHP
PHP中计算字符串相似度的函数代码
2012/12/29 PHP
编译php 5.2.14+fpm+memcached(具体操作详解)
2013/06/18 PHP
php中文乱码怎么办如何让浏览器自动识别utf-8
2014/01/15 PHP
给WordPress的编辑后台添加提示框的代码实例分享
2015/12/25 PHP
thinkPHP实现将excel导入到数据库中的方法
2016/04/22 PHP
laravel通过a标签从视图向控制器实现传值
2019/10/15 PHP
可以支持多中格式的JS键盘
2007/05/02 Javascript
jquery 注意事项与常用语法小结
2010/06/07 Javascript
js replace正则表达式应用案例讲解
2013/01/17 Javascript
JS特殊函数(Function()构造函数、函数直接量)区别介绍
2013/05/19 Javascript
Js操作树节点自动折叠展开的几种方法
2014/05/05 Javascript
jquery实现类似淘宝星星评分功能有截图
2014/09/15 Javascript
JavaScript中removeChild 方法开发示例代码
2016/08/15 Javascript
Mobile Web开发基础之四--处理手机设备的横竖屏问题
2017/08/11 Javascript
说说如何在Vue.js中实现数字输入组件的方法
2019/01/08 Javascript
vue 集成 vis-network 实现网络拓扑图的方法
2019/08/07 Javascript
vue简单封装axios插件和接口的统一管理操作示例
2020/02/02 Javascript
谈谈JavaScript中的垃圾回收机制
2020/09/17 Javascript
[01:13]这,就是刀塔
2014/07/16 DOTA
Python之文字转图片方法
2018/05/10 Python
Python CVXOPT模块安装及使用解析
2019/08/01 Python
Django2 连接MySQL及model测试实例分析
2019/12/10 Python
tensorflow实现对张量数据的切片操作方式
2020/01/19 Python
Python内建序列通用操作6种实现方法
2020/03/26 Python
使用sklearn对多分类的每个类别进行指标评价操作
2020/06/11 Python
利用CSS3的transform做的动态时钟效果
2011/09/21 HTML / CSS
New Balance英国官方网站:始于1906年,百年慢跑品牌
2016/12/07 全球购物
以下为Windows NT 下的32 位C++程序,请计算sizeof 的值
2016/12/07 面试题
实习生自我评价
2014/01/18 职场文书
电子装配专业毕业生求职信
2014/04/23 职场文书
2015年发展党员工作总结报告
2015/03/31 职场文书
工程项目合作意向书
2015/05/08 职场文书
PHP 对接美团大众点评团购券(门票)的开发步骤
2021/04/03 PHP
关于Javascript闭包与应用的详解
2021/04/22 Javascript
javascript中Set、Map、WeakSet、WeakMap区别
2022/12/24 Javascript