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 相关文章推荐
用于判断用户注册时,密码强度的JS代码
Jan 01 Javascript
js动态调用css属性的小规律及实例说明
Dec 28 Javascript
JS模拟Dialog弹出浮动框效果代码
Oct 16 Javascript
举例讲解JavaScript中关于对象操作的相关知识
Nov 16 Javascript
JS中跨页面调用变量和函数的方法(例如a.js 和 b.js中互相调用)
Nov 01 Javascript
Vue异步加载about组件
Oct 31 Javascript
利用Vue2.x开发实现JSON树的方法
Jan 04 Javascript
iconfont的三种使用方式详解
Aug 05 Javascript
js 递归json树实现根据子id查父id的方法分析
Nov 08 Javascript
简单了解JavaScript作用域
Jul 31 Javascript
vue+elementUI 实现内容区域高度自适应的示例
Sep 26 Javascript
JS前端监控采集用户行为的N种姿势
Jul 23 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 cookie,session的使用与用户自动登录功能实现方法分析
2019/06/05 PHP
根据对象的某一属性进行排序的js代码(如:name,age)
2010/08/10 Javascript
JQuery小知识
2010/10/15 Javascript
js控制表单不能输入空格的小例子
2013/11/20 Javascript
jQuery on()方法示例及jquery on()方法的优点
2015/08/27 Javascript
JS实现的简单鼠标跟随DiV层效果完整实例
2015/10/31 Javascript
高效利用Angular中内置服务$http、$location等
2016/03/22 Javascript
BootStrap.css 在手机端滑动时右侧出现空白的原因及解决办法
2016/06/07 Javascript
JQuery的attr 与 val区别
2016/06/12 Javascript
Javascript实现前端简单的路由实例
2016/09/11 Javascript
jquery结合html实现中英文页面切换
2016/11/29 Javascript
js传递数组参数到后台controller的方法
2018/03/29 Javascript
浅谈vuepress 踩坑记
2018/04/18 Javascript
mpvue构建小程序的方法(步骤+地址)
2018/05/22 Javascript
vue数组对象排序的实现代码
2018/06/20 Javascript
AngularJS中ng-options实现下拉列表的数据绑定方法
2018/08/13 Javascript
[01:00:25]NB vs Secret 2018国际邀请赛小组赛BO1 B组加赛 8.19
2018/08/21 DOTA
python生成指定长度的随机数密码
2014/01/23 Python
python打开文件并获取文件相关属性的方法
2015/04/23 Python
python基于multiprocessing的多进程创建方法
2015/06/04 Python
TensorFlow实现卷积神经网络CNN
2018/03/09 Python
python素数筛选法浅析
2018/03/19 Python
Python之用户输入的实例
2018/06/22 Python
Ubuntu下升级 python3.7.1流程备忘(推荐)
2018/12/10 Python
使用Python轻松完成垃圾分类(基于图像识别)
2019/07/09 Python
使用 Python 写一个简易的抽奖程序
2019/12/08 Python
详解python 支持向量机(SVM)算法
2020/09/18 Python
美国在线奢侈品寄售商店:Luxury Garage Sale
2018/08/19 全球购物
Servlet的实例是在生命周期什么时候创建的?配置servlet最重要的是什么?
2012/05/30 面试题
毕业生如何写自我鉴定
2014/03/15 职场文书
销售提升方案
2014/06/07 职场文书
企业宣传标语
2014/06/09 职场文书
《曾国藩家书》读后感——读家书,立家风
2019/08/21 职场文书
再次探讨go实现无限 buffer 的 channel方法
2021/06/13 Golang
总结Java对象被序列化的两种方法
2021/06/30 Java/Android
德劲DE1105机评
2022/04/05 无线电