实例详解jquery实现限制textarea输入字数

web前端|js教程 jquery怎么实现限制textarea输入的字数呢？本文主要为大家详细介绍了jquery实现限制textarea输入字数的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下，希望能帮助到大家。有需要的朋友可以参考一下我写的例子，当然如果有误，也希望大家能及时指出来，大家共同学习进步。

.container{ position: relative; width: 730px; } .container span{ position: absolute; bottom: 20px; right: 30px; }

0/10

$(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); })

html的怎么使用</p><p>实例详解Javascript如何给Textarea文本框添加行号</p><p>html中textarea输入框提示文字必须添加默认内容的完美解决</p> <br> <script type="text/javascript"> var cpro_id = "u6885494"; </script> <script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/cm.js"></script> </div> <div class="blog_tags"> <ul> <li><a href="https://www.php1.cn/tag/jquery" target="_blank" title="jquery">jquery</a></li> <li><a href="https://www.php1.cn/tag/text" target="_blank" title="text">text</a></li> <li><a href="https://www.php1.cn/tag/web" target="_blank" title="web">web</a></li> <li><a href="https://www.php1.cn/tag/js" target="_blank" title="js">js</a></li> <li><a href="https://www.php1.cn/tag/微信" target="_blank" title="微信">微信</a></li> <li><a href="https://www.php1.cn/tag/ubuntu" target="_blank" title="ubuntu">ubuntu</a></li> <li><a href="https://www.php1.cn/tag/tomcat" target="_blank" title="tomcat">tomcat</a></li> <li><a href="https://www.php1.cn/tag/爬虫" target="_blank" title="爬虫">爬虫</a></li> <li><a href="https://www.php1.cn/tag/php" target="_blank" title="php">php</a></li> </ul> </div> <div class="article_cmnt" style="display: none;"> <div class="cmnt_title">写下你的评论吧 !</div> <form action="" method="post"> <div class="cmnt_text"> <textarea class="ping-txt" onfocus="ck_txt(this);" onblur="ck_txt2(this);" id="ping-txt" name="ping-txt" >吐个槽吧,看都看了