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 相关文章推荐
Ext 表单布局实例代码
Apr 30 Javascript
JavaScript 异步调用框架 (Part 2 - 用例设计)
Aug 03 Javascript
关于hashchangebroker和statehashable的补充文档
Aug 08 Javascript
javascript动态添加删除tabs标签的方法
Jul 06 Javascript
angularjs学习笔记之简单介绍
Sep 26 Javascript
jQuery Validate验证表单时多个name相同的元素只验证第一个的解决方法
Dec 24 Javascript
bootstrap table配置参数例子
Jan 05 Javascript
AjaxUpLoad.js实现文件上传
Mar 05 Javascript
webpack4 入门最简单的例子介绍
Sep 05 Javascript
微信小程序 scroll-view 水平滚动实现过程解析
Oct 12 Javascript
angular共享依赖的解决方案分享
Oct 15 Javascript
Vue时间轴 vue-light-timeline的用法说明
Oct 29 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
用PHP4访问Oracle815
2006/10/09 PHP
PHP中调用ASP.NET的WebService的代码
2011/04/22 PHP
三个类概括PHP的五种设计模式
2012/09/05 PHP
PHP MySql增删改查的简单实例
2016/06/21 PHP
CI框架网页缓存简单用法分析
2018/12/26 PHP
浅谈PHP各环境下的伪静态配置
2019/03/13 PHP
PHP连续签到功能实现方法详解
2019/12/04 PHP
新闻内页-JS分页
2006/06/07 Javascript
JS实现一个按钮的方法
2015/02/05 Javascript
DEDECMS如何为文章添加HOT NEW标志图片
2015/08/14 Javascript
javascript函数式编程程序员的工具集
2015/10/11 Javascript
js获取html页面代码中图片地址的实现代码
2018/03/05 Javascript
vue-cli3 DllPlugin 提取公用库的方法
2019/04/24 Javascript
浅谈Vue3.0之前你必须知道的TypeScript实战技巧
2019/09/11 Javascript
深入解析微信小程序开发中遇到的几个小问题
2020/07/11 Javascript
vue使用screenfull插件实现全屏功能
2020/09/17 Javascript
Python内置函数Type()函数一个有趣的用法
2015/02/18 Python
Python中__init__.py文件的作用详解
2016/09/18 Python
使用python和Django完成博客数据库的迁移方法
2018/01/05 Python
python实现类之间的方法互相调用
2018/04/29 Python
Python 使用 PyMysql、DBUtils 创建连接池提升性能
2019/08/14 Python
Django CSRF认证的几种解决方案
2020/03/03 Python
Django 自定义404 500等错误页面的实现
2020/03/08 Python
使用Nibabel库对nii格式图像的读写操作
2020/07/01 Python
Django后端按照日期查询的方法教程
2021/02/28 Python
HTML5 HTMLCollection和NodeList的区别详解
2020/04/29 HTML / CSS
西班牙香水和化妆品连锁店:Druni
2019/05/05 全球购物
举例说明类变量和实例变量的区别
2016/06/30 面试题
车间班组长的职责
2013/12/13 职场文书
证婚人搞笑证婚词
2014/01/10 职场文书
幼儿园中班开学寄语
2014/04/03 职场文书
大学生活动总结怎么写
2014/04/29 职场文书
大学生简历求职信
2014/06/24 职场文书
一份恶作剧的检讨书
2014/09/13 职场文书
二手车交易协议书标准版
2014/11/16 职场文书
世界水日宣传活动总结
2015/02/09 职场文书