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字符串处理函数 - split()、join()、substring()和indexOf()
Jun 02 Javascript
JavaScript 继承使用分析
May 12 Javascript
HTML Color Picker(js拾色器效果)
Aug 27 Javascript
Jquery Ajax解析XML数据(同步及异步调用)简单实例
Feb 12 Javascript
JavaScript替换当前页面的方法
Apr 03 Javascript
jQuery焦点图插件SaySlide
Dec 21 Javascript
Node.js中常规的文件操作总结
Oct 13 Javascript
JavaScript闭包_动力节点Java学院整理
Jun 27 Javascript
Bootstrap弹出框之自定义悬停框标题、内容和样式示例代码
Jul 11 Javascript
Three.js利用orbit controls插件(轨道控制)控制模型交互动作详解
Sep 25 Javascript
利用vscode调试编译后的js代码详解
May 14 Javascript
vue实现登陆页面开发实践
May 30 Vue.js
同时使用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一些公用函数的集合
2008/03/27 PHP
深入phpMyAdmin的安装与配置的详细步骤
2013/05/07 PHP
php ci框架中加载css和js文件失败的解决方法
2014/03/03 PHP
php使用Imagick生成图片的方法
2015/07/31 PHP
javascript常用方法、属性集合及NodeList 和 HTMLCollection 的浏览器差异
2010/12/25 Javascript
滚动图片效果 jquery实现回旋滚动效果
2013/01/08 Javascript
JQUERY 获取IFrame中对象及获取其父窗口中对象示例
2013/08/19 Javascript
js中函数调用的两种常用方法使用介绍
2014/07/17 Javascript
jQuery简单tab切换效果实现方法
2015/04/08 Javascript
JQuery中clone方法复制节点
2015/05/18 Javascript
js生成随机数的过程解析
2015/11/24 Javascript
angularjs实现的前端分页控件示例
2017/02/10 Javascript
JS 验证密码 不能为空,必须含有数字、字母、特殊字符,长度在8-12位
2017/06/21 Javascript
EasyUI框架 使用Ajax提交注册信息的实现代码
2017/09/27 Javascript
详解适配器在JavaScript中的体现
2018/09/28 Javascript
实现Vue的markdown文档可以在线运行的方法示例
2018/12/11 Javascript
vue中动态select的使用方法示例
2019/10/28 Javascript
JavaScript实现轮播图片完整代码
2020/03/07 Javascript
JS实现无限轮播无倒退效果
2020/09/21 Javascript
[01:13]2014DOTA2西雅图邀请赛 舌尖上的TI4
2014/07/08 DOTA
从零学Python之入门(五)缩进和选择
2014/05/27 Python
解决pandas无法在pycharm中使用plot()方法显示图像的问题
2018/05/24 Python
Python实现把多维数组展开成DataFrame
2019/11/30 Python
tensorflow求导和梯度计算实例
2020/01/23 Python
Python接口自动化测试框架运行原理及流程
2020/11/30 Python
关于 HTML5 的七个传说小结
2012/04/12 HTML / CSS
俄罗斯品牌服装在线商店:VIPAVENUE
2020/08/10 全球购物
机电职业生涯规划书范文
2014/03/08 职场文书
银行柜员求职自荐书
2014/06/18 职场文书
写作技巧:优秀文案必备的3种结构
2019/08/19 职场文书
导游词之白茶谷九龙峡
2019/10/23 职场文书
导游词之青岛太清宫
2019/12/13 职场文书
Vue3 Composition API的使用简介
2021/03/29 Vue.js
python3实现无权最短路径的方法
2021/05/12 Python
Mysql 用户权限管理实现
2021/05/25 MySQL
Mac电脑OS系统下安装Nginx的详细教程
2022/04/14 Servers