一个超级简单的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