jquery实现限制textarea输入字数的方法
2017-09-06 09:23
741 查看
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>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- jquery实现textarea输入框限制字数的方法
- Jquery实现TextArea 字数限制,并显示当前的输入字符数
- jquery实现限制textarea输入字数
- jquery实现textarea输入框限制字数的方法
- jquery实现限制textarea输入字数实例
- jQuery实现限制textarea文本框输入字符数量的方法
- jQuery实现限制textarea文本框输入字符数量的方法
- jQuery实现限制textarea文本框输入字符数量的方法
- js 实现textarea限制输入字数
- 实现textarea限制输入字数
- 实现textarea限制输入字数
- 实现textarea限制输入字数
- JS控制文本框textarea输入字数限制的方法
- 实现textarea限制输入字数(包含中文只能输入10个,全ASCII码能够输入20个)
- 实现textarea限制输入字数
- Jquery实现TextArea 字数限制
- jquery限制输入字数,并提示剩余字数实现代码
- jQuery插件InputLimitor实现文本框输入限制字数统计
- 实现textarea限制输入字数