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 相关文章推荐
点击下载链接 弹出页面实现代码
Oct 01 Javascript
JavaScript 闭包在封装函数时的简单分析
Nov 28 Javascript
javascript使用eval或者new Function进行语法检查
Oct 16 Javascript
JavaScript高级程序设计 读书笔记之十一 内置对象Global
Mar 07 Javascript
JS输出空格的简单实现方法
Sep 08 Javascript
JavaScript实现邮箱地址自动匹配功能代码
Nov 28 Javascript
jquery 实现拖动文件上传加载进度条功能
Mar 18 jQuery
JS实现统计字符串中字符出现个数及最大个数功能示例
Jun 04 Javascript
bootstrap实现点击删除按钮弹出确认框的实例代码
Aug 16 Javascript
微信小程序swiper实现滑动放大缩小效果
Nov 15 Javascript
jQuery事件多次绑定与解绑问题实例分析
Feb 19 jQuery
如何构建 vue-ssr 项目的方法步骤
Aug 04 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
根德YB400的电路分析
2021/03/02 无线电
使用PHP的日期与时间函数技巧
2008/04/24 PHP
php在多维数组中根据键名快速查询其父键以及父键值的代码
2011/05/07 PHP
深入PHP FTP类的详解
2013/06/13 PHP
必须收藏的php实用代码片段
2016/02/02 PHP
PHP通过引用传递参数用法分析
2016/12/01 PHP
nodeType属性返回被选节点的节点类型介绍
2013/11/22 Javascript
jQuery()方法的第二个参数详解
2015/04/29 Javascript
jquery实现表格中点击相应行变色功能效果【实例代码】
2016/05/09 Javascript
jQuery实现手势解锁密码特效
2017/08/14 jQuery
NodeJS收发GET和POST请求的示例代码
2017/08/25 NodeJs
js时间戳与日期格式之间相互转换
2017/12/11 Javascript
jQuery实现table表格信息的展开和缩小功能示例
2018/07/21 jQuery
node.js读取Excel数据(下载图片)的方法示例
2018/08/02 Javascript
laydate如何根据开始时间或者结束时间限制范围
2018/11/15 Javascript
JavaScript使用百度ECharts插件绘制饼图操作示例
2019/11/26 Javascript
python实现超简单端口转发的方法
2015/03/13 Python
Python选择排序、冒泡排序、合并排序代码实例
2015/04/10 Python
Python中zfill()方法的使用教程
2015/05/20 Python
Python科学计算包numpy用法实例详解
2018/02/08 Python
Python实现查看系统启动项功能示例
2018/05/10 Python
Python格式化日期时间操作示例
2018/06/28 Python
用Pelican搭建一个极简静态博客系统过程解析
2019/08/22 Python
纯html5+css3下拉导航菜单实现代码
2013/03/18 HTML / CSS
详解如何解决canvas图片getImageData,toDataURL跨域问题
2018/09/17 HTML / CSS
美国珠宝精品店:Opulent Jewelers
2019/08/20 全球购物
优秀演讲稿范文
2013/12/29 职场文书
英语道歉信范文
2014/01/09 职场文书
称象教学反思
2014/02/03 职场文书
模范教师事迹材料
2014/02/10 职场文书
大学生求职信
2014/06/17 职场文书
镇政府副镇长群众路线专题民主生活会对照检查材料
2014/09/19 职场文书
pytorch中的model=model.to(device)使用说明
2021/05/24 Python
Python自动化之批量处理工作簿和工作表
2021/06/03 Python
python如何利用traceback获取详细的异常信息
2021/06/05 Python
Axios代理配置及封装响应拦截处理方式
2022/04/07 Vue.js