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面向对象编程(一) 实例代码
Jun 25 Javascript
JavaScript 原型继承
Dec 26 Javascript
js+css实现的简单易用兼容好的分页
Dec 30 Javascript
table insertRow、deleteRow定义和用法总结
May 14 Javascript
node.js中的console.trace方法使用说明
Dec 09 Javascript
JQuery validate插件Remote用法大全
May 15 Javascript
jquery动态创建div与input的实例代码
Oct 12 Javascript
基于touch.js手势库+zepto.js插件开发图片查看器(滑动、缩放、双击缩放)
Nov 17 Javascript
收集前端面试题之url、href、src
Mar 22 Javascript
jQuery实现本地存储
Dec 22 jQuery
jquery实现图片放大镜效果
Dec 23 jQuery
js实现简单的倒计时
Jan 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
PHP4.04简明安装
2006/10/09 PHP
那些年一起学习的PHP(一)
2012/03/21 PHP
Nginx服务器上安装并配置PHPMyAdmin的教程
2015/08/18 PHP
PHP中类的自动加载的方法
2017/03/17 PHP
PHP实现根据密码长度显示安全条
2017/07/04 PHP
php检查函数必传参数是否存在的实例详解
2017/08/28 PHP
jquery.boxy插件的iframe扩展代码
2010/07/02 Javascript
textarea中的手动换行处理的jquery代码
2011/02/26 Javascript
js控制的回到页面顶端goTop的代码实现
2013/03/20 Javascript
jqGrid读取选择的多行的某个属性代码
2014/05/18 Javascript
jQuery的事件委托实例分析
2015/07/15 Javascript
基于ajax和jsonp的原生封装(实例)
2017/10/16 Javascript
arcgis for js栅格图层叠加(Raster Layer)问题
2017/11/22 Javascript
解决JSON.stringify()自动将中文转译成unicode的问题
2018/01/05 Javascript
详解关于表格合并span-method方法的补充(表格数据由后台动态返回)
2019/05/21 Javascript
[06:07]DOTA2-DPC中国联赛 正赛 Ehome vs VG 选手采访
2021/03/11 DOTA
使用Python脚本操作MongoDB的教程
2015/04/16 Python
python递归计算N!的方法
2015/05/05 Python
Python pass详细介绍及实例代码
2016/11/24 Python
WINDOWS 同时安装 python2 python3 后 pip 错误的解决方法
2017/03/16 Python
python 3.5下xadmin的使用及修复源码bug
2017/05/10 Python
PyQt5实现QLineEdit添加clicked信号的方法
2019/06/25 Python
python写程序统计词频的方法
2019/07/29 Python
python下对hsv颜色空间进行量化操作
2020/06/04 Python
opencv 形态学变换(开运算,闭运算,梯度运算)
2020/07/07 Python
Python+unittest+requests+excel实现接口自动化测试框架
2020/12/23 Python
德国、奥地利和瑞士最大的旅行和度假门户网站:HolidayCheck
2019/11/14 全球购物
介绍一下Java的安全机制
2012/06/28 面试题
学生自我评价范文
2014/02/02 职场文书
应用外语系自荐信
2014/06/26 职场文书
2014年校务公开工作总结
2014/12/18 职场文书
承诺书应该怎么写?
2019/09/10 职场文书
redis内存空间效率问题的深入探究
2021/05/17 Redis
vue3引入highlight.js进行代码高亮的方法实例
2022/04/08 Vue.js
Mysql 如何合理地统计一个数据库里的所有表的数据量
2022/04/18 MySQL