jquery实现输入框实时统计字数和设置字数限制功能
2024-08-21 03:05:04
<html>
<header>
<meta charset="utf-8">
<title>测试实时字数显示</title>
</header>
<body>
<div style="text-align: center;margin-top: 8%;">
<h3>字数输入实时统计</h3>
<textarea id="area" name="ss" placeholder="请输入文本内容" style="width: 50%;height: 35%;"></textarea>
<p>当前字数为:<span id="text-count">0</span>,最大字数支持1.5万字(一个汉字、一个英语字母、一个标点符号均占用一个字符。)</p>
</div>
</body> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript">
/*字数限制 需要修改字数范围,下面15000换掉即可*/
$("#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>
最新文章
- [LeetCode] Count Numbers with Unique Digits 计算各位不相同的数字个数
- js回调函数,字符串,数组小析
- 最近360和adsafe软件有冲突
- no-jquery 05 Utilities
- 万恶的ViewBag
- python中的Unittest常用方法
- profile、bashrc、bash_profile之间的区别和联系
- hdu 2091
- 菜鸟-手把手教你把Acegi应用到实际项目中(10)-保护业务方法
- MAC系统介绍
- POJ-3017 Cut the Sequence DP+单调队列+堆
- 逐步在Windows上结合CopSSH + msysGit安装安装Git Server同时集成Git使用Visual Studio
- iOS开发: 关于Certificate, Identifier &; Profile
- 【quickhybrid】iOS端的项目实现
- 使用 symbolicatecrash 解析崩溃堆栈
- day1||python
- windows下java环境变量的配置 javac不是内部或外部命令的问题
- Django的MVT模型
- SQL注入之Sqli-labs系列第三十四关(基于宽字符逃逸POST注入)和三十五关
- C#中的volatile关键字