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 iframe中打开文件,并检测iframe存在否
Dec 28 Javascript
Javascript中的var_dump函数实现代码
Sep 07 Javascript
Jquery实战_读书笔记1—选择jQuery
Jan 22 Javascript
移动节点的jquery代码
Jan 13 Javascript
jQuery打印指定区域Html页面并自动分页
Jul 04 Javascript
vuejs2.0实现分页组件使用$emit进行事件监听数据传递的方法
Feb 22 Javascript
微信小程序开发之选项卡(窗口底部TabBar)页面切换
Apr 12 Javascript
JavaScript中附件预览功能实现详解(推荐)
Aug 15 Javascript
js获取html页面代码中图片地址的实现代码
Mar 05 Javascript
JS实现生成由字母与数字组合的随机字符串功能详解
May 25 Javascript
vue中的自定义分页插件组件的示例
Aug 18 Javascript
解决前后端分离 vue+springboot 跨域 session+cookie失效问题
May 13 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中根据某年第几天计算出日期年月日的代码
2011/02/24 PHP
PHP中HTML标签过滤技巧
2014/01/07 PHP
PHP实现无限分类的实现方法
2016/11/14 PHP
PHP有序表查找之插值查找算法示例
2018/02/10 PHP
php命名空间设计思想、用法与缺点分析
2019/07/17 PHP
Nigma vs Alliance BO5 第四场2.14
2021/03/10 DOTA
Ajax+Json 级联菜单实现代码
2009/10/27 Javascript
老鱼 浅谈javascript面向对象编程
2010/03/04 Javascript
jQuery asp.net 用json格式返回自定义对象
2010/04/07 Javascript
JavaScript内核之基本概念
2011/10/21 Javascript
jqTransform form表单美化插件使用方法
2012/07/05 Javascript
js 在定义的时候立即执行的函数表达式(function)写法
2013/01/16 Javascript
javascript中节点的最近的相关节点访问方法
2013/03/20 Javascript
jquery淡化版banner异步图片文字效果切换图片特效
2014/04/08 Javascript
jQuery .tmpl() 用法示例介绍
2014/08/21 Javascript
jquery插件推荐 jquery.cookie
2014/11/09 Javascript
jquery获取当前日期的方法
2015/01/14 Javascript
jquery层级选择器(匹配父元素下的子元素实现代码)
2016/09/05 Javascript
使用layer弹窗和layui表单实现新增功能
2018/08/09 Javascript
基于vue+axios+lrz.js微信端图片压缩上传方法
2019/06/25 Javascript
vue 更改连接后台的api示例
2019/11/11 Javascript
使用vue-cli4.0快速搭建一个项目的方法步骤
2019/12/04 Javascript
微信小程序新闻网站详情页实例代码
2020/01/10 Javascript
关于vue-cli3打包代码后白屏的解决方案
2020/09/02 Javascript
vue登录页实现使用cookie记住7天密码功能的方法
2021/02/18 Vue.js
跟老齐学Python之再深点,更懂list
2014/09/20 Python
python中将字典形式的数据循环插入Excel
2018/01/16 Python
python实现飞机大战游戏
2020/10/26 Python
python用win32gui遍历窗口并设置窗口位置的方法
2019/07/26 Python
python数据库编程 ODBC方式实现通讯录
2020/03/27 Python
Python 实现将numpy中的nan和inf,nan替换成对应的均值
2020/06/08 Python
美术教师个人总结
2015/02/06 职场文书
驳回起诉民事裁定书
2015/05/19 职场文书
2015年教师个人业务工作总结
2015/10/23 职场文书
传单、海报早OUT了,另类传单营销方案送给你!
2019/07/15 职场文书
vue组件的路由高亮问题解决方法
2021/05/11 Vue.js