JQuery为textarea添加maxlength属性并且兼容IE
更新时间：2013年04月25日 14:47:58 作者：
textarea默认不支持maxlength属性，JQuery为textarea添加maxlength,并且兼容IE，具体实现祥看本文，希望可以帮助到你
// 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>
// 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>
相关文章
jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法分析
这篇文章主要介绍了jQuery使用$.extend(true,object1, object2);实现深拷贝对象的方法,结合实例形式分析了jQuery中$.extend(true,object1, object2);进行深拷贝操作相关实现技巧,需要的朋友可以参考下2019-03-03
Jquery其实本身可以操作select表单，但是由于比较反锁，没有.net 控件那样去操作方便，我在网上Google了一会，发现了一个不错的专门操作select的插件，很好，使用过了，感觉蛮不错的。2009-11-11
使用jquery datatable和bootsrap创建表格实例代码
这篇文章主要介绍了使用jquery-datatable和bootsrap创建表格的实例代码,需要的朋友可以参考下2017-03-03
现在文件的上传，特别是大文件上传，都需要进度条。这篇文章主要介绍了servlet+jquery实现文件上传进度条示例代码，有兴趣的可以了解一下。2017-01-01
这篇文章主要介绍了jQuery表单验证功能,涉及jquery针对表单项的读取与正则判定技巧,非常具有实用价值,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了jQuery基于函数重载实现自定义Alert函数样式的方法,涉及jQuery函数重载及页面元素属性动态操作的相关技巧,需要的朋友可以参考下2016-07-07
这篇文章介绍了Jquery库及其他库之间的$命名冲突的解决方法，有需要的朋友可以参考一下2013-09-09
jQuery树形插件jquery.simpleTree.js用法分析
这篇文章主要介绍了jQuery树形插件jquery.simpleTree.js用法,结合实例形式分析了jQuery树形菜单插件jquery.simpleTree.js的功能与基本用法,需要的朋友可以参考下2016-09-09
本文跟大家分享了两个Jquery菜单效果，各有各的特色，希望大家都会喜欢，并且能够熟练掌握，感兴趣的小伙伴们可以参考一下2015-09-09
昨天看到QQ登录的时候，可以选择以前登录过的账户，这个东西也可以在网站登录的时候用到，所以我就想做一个这样的插件；在网上查了很多，没有找到合适自己的，所以决定自动制作一个2014-08-08
最新评论