一个超级简单的jQuery解决方案,用于限制和统计文本字段(文本区域或输入)中键入的字符数。
1.在文档中加载最新的jQuery库(建议使用瘦版本)。
<script src="/path/to/cdn/jquery.slim.min.js"></script>
2.检查已键入的字符的长度,并更新keyup上的字符计数器。
$(document).ready(function(){ $('#limit').on('keyup', function() { $('#limit_count').html("("+$(this).val().length+" / 200)"); if($(this).val().length > 140) { $(this).val($(this).val().substring(0, 140)); $('#limit_count').html("(140 / 140)"); } }); });
3.添加id=“限制”
属性到您的文本字段并完成。
<textarea id="limit"> Text Here </textarea> <!-- Character Counter --> <p id="limit_count">(0 / 140)</p>
2022-05-02