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吗?
Feb 24 Javascript
javascript下给元素添加事件的方法与代码
Aug 13 Javascript
extjs3 combobox取value和text案例详解
Feb 06 Javascript
js 赋值包含单引号双引号问题的解决方法
Feb 26 Javascript
node.js中的Socket.IO使用实例
Nov 04 Javascript
浅析webapp框架AngularUI的demo
Dec 21 Javascript
jQuery检查事件是否触发的方法
Jun 26 Javascript
Bootstrap每天必学之基础排版
Nov 20 Javascript
原生JS实现移动端web轮播图详解(结合Tween算法造轮子)
Sep 10 Javascript
Three.js基础学习教程
Nov 16 Javascript
一种angular的方法级的缓存注解(装饰器)
Mar 13 Javascript
Vue.js数字输入框组件使用方法详解
Oct 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网页游戏学习之Xnova(ogame)源码解读(十四)
2014/06/26 PHP
用 Composer构建自己的 PHP 框架之使用 ORM
2014/10/30 PHP
PHP中使用php5-ffmpeg撷取视频图片实例
2015/01/07 PHP
基于jQuery的弹出消息插件 DivAlert之旅(一)
2010/04/01 Javascript
解决iframe的frameborder在chrome/ff/ie下的差异
2010/08/12 Javascript
ExtJs GridPanel简单的增删改实现代码
2010/08/26 Javascript
获取下拉列表框的值是数组,split,$.inArray示例
2013/11/13 Javascript
Javascript设置对象的ReadOnly属性(示例代码)
2013/12/25 Javascript
angularjs中的e2e测试实例
2014/12/06 Javascript
JavaScript里四舍五入函数round用法实例
2015/04/06 Javascript
JavaScript实现网页加载进度条代码超简单
2015/09/21 Javascript
微信小程序 表单Form实例详解(附源码)
2016/12/22 Javascript
Bootstrap3.3.7导航栏下拉菜单鼠标滑过展开效果
2017/10/31 Javascript
微信小程序实现下拉刷新和轮播图效果
2017/11/21 Javascript
vue中element 上传功能的实现思路
2018/07/06 Javascript
vue写h5页面的方法总结
2019/02/12 Javascript
javascript实现函数柯里化与反柯里化过程解析
2019/10/08 Javascript
vue点击页面空白处实现保存功能
2019/11/06 Javascript
[04:44]显微镜下的DOTA2第二期——你所没有注意到的细节
2014/06/20 DOTA
[39:02]DOTA2亚洲邀请赛 3.31 小组赛 B组 Mineski vs VGJ.T
2018/04/01 DOTA
Python面向对象编程中关于类和方法的学习笔记
2016/06/30 Python
Django中redis的使用方法(包括安装、配置、启动)
2018/02/21 Python
Django中的CBV和FBV示例介绍
2018/02/25 Python
Python实现读取字符串按列分配后按行输出示例
2018/04/17 Python
使用Python获取网段IP个数以及地址清单的方法
2018/11/01 Python
Pycharm以root权限运行脚本的方法
2019/01/19 Python
Python新手学习装饰器
2020/06/04 Python
python怎么提高计算速度
2020/06/11 Python
利用Pycharm + Django搭建一个简单Python Web项目的步骤
2020/10/22 Python
Jacadi Paris英国官网:法国童装品牌
2019/08/09 全球购物
营销总经理的岗位职责
2013/12/15 职场文书
花店创业计划书范文
2014/02/07 职场文书
《藤野先生》教学反思
2014/02/19 职场文书
2014年保育员个人工作总结
2014/12/02 职场文书
2015年暑期社会实践报告
2015/07/13 职场文书
微信小程序实现录音Record功能
2021/05/09 Javascript