jQuery实时统计输入框字数及限制
(编辑：jimmy 日期: 2024/12/29 浏览：3 次 )
项目中经常会用到文本输入框，而且需要限制输入的字数。
下面分享一个 jQuery 实时统计输入框输入字数及限制输入字数的方法，代码如下：
HTML：简单的写一下，能实现功能即可。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>jQuery实时统计输入框字数及限制的方法</title>
<style>
#content{
border: none;
outline: none;
resize: none;
width: 200px;
height: 100px;
border: 1px solid #ccc;
border-radius: 6px;
padding: 4px;
}
</style>
</head>
<body>
<textarea id="content" placeholder="新消息内容" ></textarea>
<span class="contentcount">0</span>/200
<script src="/UploadFiles/2021-04-02/jquery.js">
效果如下
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
下一篇：jQuery实现移动端下拉展现新的内容回弹动画