限制文本字段中 字符数(&C) jQuery input_Limit

  • 源码大小:5.23KB
  • 所需积分:1积分
  • 源码编号:19JP-3591
  • 浏览次数:830次
  • 最后更新:2023年06月29日
  • 所属栏目:表单
我要下载
加入收藏
本站默认解压密码:19jp.com 或 19jp_com

简介

一个超级简单的jQuery解决方案,用于限制和统计文本字段(文本区域或输入)中键入的字符数。

如何使用它:

1.在文档中加载最新的jQuery库(建议使用瘦版本)。

  1. <script src="/path/to/cdn/jquery.slim.min.js"></script>

2.检查已键入的字符的长度,并更新keyup上的字符计数器。

  1. $(document).ready(function(){
  2. $('#limit').on('keyup', function() {
  3. $('#limit_count').html("("+$(this).val().length+" / 200)");
  4. if($(this).val().length > 140) {
  5. $(this).val($(this).val().substring(0, 140));
  6. $('#limit_count').html("(140 / 140)");
  7. }
  8. });
  9. });

3.添加id=“限制”属性到您的文本字段并完成。

  1. <textarea id="limit">
  2. Text Here
  3. </textarea>
  4. <!-- Character Counter -->
  5. <p id="limit_count">(0 / 140)</p>

更新日志:

2022-05-02

  • JS更新

预览截图