jquery实现输⼊框实时统计字数和设置字数限制功能
<html>
<header>
<meta charset="utf-8">
<title>测试实时字数显⽰</title>
</header>
text align center
<body>
<div >
<h3>字数输⼊实时统计</h3>
<textarea id="area" name="ss" placeholder="请输⼊⽂本内容" ></textarea>
<p>当前字数为:<span id="text-count">0</span>，最⼤字数⽀持1.5万字（⼀个汉字、⼀个英语字母、⼀个标点符号均占⽤⼀个字符。）</p>        </div>
</body>
<script src="cdn.bootcss/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript">
/*字数限制*/
$("#area").on("input propertychange", function() {
var $this = $(this),
_val = $this.val(),
count = "";
if (_val.length > 15000) {
$this.val(_val.substring(0, 15000));
}
count =$this.val().length;
$("#text-count").text(count);
});
</script>
</html>
话不多说，直接看代码即可。很简单的，注释地⽅写的清清楚楚。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。