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

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

简介

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

  • JS更新

预览截图