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 相关文章推荐
jquery 简单图片导航插件jquery.imgNav.js
Mar 17 Javascript
解析javascript 浏览器关闭事件
Jul 08 Javascript
JS中怎样判断undefined(比较不错的方法)
Mar 27 Javascript
jQuery实现购物车数字加减效果
Mar 14 Javascript
AngularJS基础知识笔记之过滤器
May 10 Javascript
JS实现很实用的对联广告代码(可自适应高度)
Sep 18 Javascript
浅谈Javascript数组(推荐)
May 17 Javascript
js实现文字截断功能
Sep 14 Javascript
详解AngularJS中$filter过滤器使用(自定义过滤器)
Feb 04 Javascript
Angular实现一个简单的多选复选框的弹出框指令实例
Apr 25 Javascript
vue element动态渲染、移除表单并添加验证的实现
Jan 16 Javascript
JS大坑之19位数的Number型精度丢失问题详解
Apr 22 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循环语句笔记(foreach,list)
2011/11/29 PHP
php多个字符串替换成同一个的解决方法
2013/06/18 PHP
PHP有序表查找之二分查找(折半查找)算法示例
2018/02/09 PHP
什么是PHP7中的孤儿进程与僵尸进程
2019/04/14 PHP
jQuery与ExtJS之选择实例分析
2010/08/19 Javascript
js获取html参数及向swf传递参数应用介绍
2013/02/18 Javascript
js如何获取file控件的完整路径具体实现代码
2013/05/15 Javascript
JS时间特效最常用的三款
2015/08/19 Javascript
基于javascript实现listbox左右移动
2016/01/29 Javascript
浅谈javascript中关于日期和时间的基础知识
2016/07/13 Javascript
Bootstrap零基础入门教程(三)
2016/07/18 Javascript
AngularJS 整理一些优化的小技巧
2016/08/18 Javascript
详解Vue使用命令行搭建单页面应用
2017/05/24 Javascript
vue+vue-router转场动画的实例代码
2018/09/01 Javascript
vue+iview动态渲染表格详解
2019/03/19 Javascript
基于vue如何发布一个npm包的方法步骤
2019/05/15 Javascript
Vue实现简易计算器
2020/02/25 Javascript
微信小程序文章列表功能完整实例
2020/06/03 Javascript
Python的爬虫程序编写框架Scrapy入门学习教程
2016/07/02 Python
Python简单生成随机姓名的方法示例
2017/12/27 Python
Python使用Tkinter实现机器人走迷宫
2018/01/22 Python
Python读入mnist二进制图像文件并显示实例
2020/04/24 Python
Pytorch转tflite方式
2020/05/25 Python
使用Keras实现Tensor的相乘和相加代码
2020/06/18 Python
选购国际女性时装设计师品牌:IFCHIC(支持中文)
2018/04/12 全球购物
湖南卫视在线视频媒体平台:芒果TV
2019/10/30 全球购物
地球鞋加拿大官网:Earth Shoes Canada
2020/11/17 全球购物
自我评价个人范文
2013/12/16 职场文书
党校培训思想汇报
2014/01/03 职场文书
基层工作经历证明
2014/01/13 职场文书
农贸市场管理制度
2014/01/31 职场文书
五年级上册复习计划
2015/01/19 职场文书
实习报告范文
2019/07/30 职场文书
Nginx反向代理及负载均衡如何实现(基于linux)
2021/03/31 Servers
面试必问:圣杯布局和双飞翼布局的区别
2021/05/13 HTML / CSS
MySQL中JOIN连接的基本用法实例
2022/06/05 MySQL