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 相关文章推荐
两个DIV等高的JS的实现代码
Dec 23 Javascript
js中数组Array的一些常用方法总结
Aug 12 Javascript
Javascript实现视频轮播在pc端与移动端均可
Sep 29 Javascript
javascript圆盘抽奖程序实现原理和完整代码例子
Jun 03 Javascript
JS中call/apply、arguments、undefined/null方法详解
Feb 15 Javascript
利用Jquery队列实现根据输入数量显示的动画
Sep 01 Javascript
vue组件Prop传递数据的实现示例
Aug 17 Javascript
如何实现一个webpack模块解析器
Oct 24 Javascript
详解Vue This$Store总结
Dec 17 Javascript
javascript中数组的常用算法深入分析
Mar 12 Javascript
浅析Angular 实现一个repeat指令的方法
Jul 21 Javascript
JS异步堆栈追踪之为什么await胜过Promise
Apr 28 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
实现“上一页”和“下一页按钮
2006/10/09 PHP
PHP命名空间(namespace)的使用基础及示例
2014/08/18 PHP
php实现上传图片文件代码
2015/07/19 PHP
一些常用的JS功能函数(2009-06-04更新)
2009/06/04 Javascript
[将免费进行到底]在Amazon的一年免费服务器上安装Node.JS, NPM和OurJS博客
2014/08/18 Javascript
新手快速学习JavaScript免费教程资源汇总
2015/06/25 Javascript
js中的DOM模拟购物车功能
2017/03/22 Javascript
基于BootStrap的前端分页带省略号和上下页效果
2017/05/18 Javascript
node.js调用C++函数的方法示例
2018/09/21 Javascript
vue实现手机号码的校验实例代码(防抖函数的应用场景)
2019/09/05 Javascript
解决vue2中使用elementUi打包报错的问题
2020/09/22 Javascript
python获取标准北京时间的方法
2015/03/24 Python
python3.5实现socket通讯示例(TCP)
2017/02/07 Python
对pandas replace函数的使用方法小结
2018/05/18 Python
python使用ddt过程中遇到的问题及解决方案【推荐】
2018/10/29 Python
Django渲染Markdown文章目录的方法示例
2019/01/02 Python
Python unittest单元测试openpyxl实现过程解析
2020/05/27 Python
python适合做数据挖掘吗
2020/06/16 Python
Python Pandas list列表数据列拆分成多行的方法实现
2020/12/14 Python
HTML5有哪些新特征
2015/12/01 HTML / CSS
奢华的意大利皮革手袋:Bene Handbags
2019/10/29 全球购物
alice McCALL官网:澳大利亚时尚品牌
2020/11/16 全球购物
计算机开发个人求职信范文
2013/09/26 职场文书
应聘护士自荐信
2013/10/21 职场文书
劳资员岗位职责
2013/11/11 职场文书
后备干部考察材料
2014/02/12 职场文书
给学校的建议书范文
2014/05/15 职场文书
银行金融服务方案
2014/06/11 职场文书
小学生三分钟演讲稿
2014/08/18 职场文书
防灾减灾活动总结
2014/08/30 职场文书
团组织推优材料
2014/12/29 职场文书
教师个人总结范文
2015/02/11 职场文书
房地产销售主管岗位职责
2015/02/13 职场文书
驳回起诉民事裁定书
2015/05/19 职场文书
idea编译器vue缩进报错问题场景分析
2021/07/04 Vue.js
如何解决flex文本溢出问题小结
2022/07/15 HTML / CSS