JQuery为textarea添加maxlength,并且兼容IE

最新推荐文章于 2021-08-18 09:51:19 发布

阿聪世家

最新推荐文章于 2021-08-18 09:51:19 发布

阅读量1.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：表单类问题网站常用jquery效果文章标签： jquery 表单

本文链接：https://blog.youkuaiyun.com/congcong875/article/details/8846051

网站常用jquery效果同时被 2 个专栏收录

52 篇文章

订阅专栏

表单类问题

9 篇文章

订阅专栏

本文介绍了一种使用JQuery实现限制Textarea输入长度的方法。通过监听键盘抬起事件和失去焦点事件，确保输入文本不会超过定义的最大长度。适用于需要对用户输入进行限制的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 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>