jquery实现限制textarea输入字数的方法

2019-11-19 15:32:30

字体：大中小

来源：转载

供稿：网友

jquery怎么实现限制textarea输入的字数呢？有需要的朋友可以参考一下我写的例子，当然如果有误，也希望大家能及时指出来，大家共同学习进步。

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>textarea 限制字数</title> <style>  .container{   position: relative;   width: 730px;  }  .container span{   position: absolute;   bottom: 20px;   right: 30px;  } </style></head><body> <div class="container">  <textarea name="content" id="content" cols="100" rows="10"></textarea>  <span>0/10</span> </div> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script> <script>  $(function(){    /**    * textarea 限制输入字数    * @param string str 类名或ID    * @param number num 限制输入的字数    */   function limitImport(str,num){    $(document).on('input propertychange',str,function(){     var self = $(this);     var content = self.val();     if (content.length > num){      self.val(content.substring(0,num));     }      self.siblings('span').text(self.val().length+'/'+num);    });   }   //用法示例   limitImport('#content',10);  }) </script></body></html>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持武林网。

上一篇：JavaScript 中Date对象的格式化代码方法汇总

下一篇：Vue的百度地图插件尝试使用