提示文本框还可以输入多少个字数
最近有一个需求 需要提示用户 文本框最多能输入多少个字,且用户输入完成之后在下方提示此处剩余输入的字数是多少
下面附上代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
function checkLength(which) {
var maxChars = 45;
if (which.value.length > maxChars)
which.value = which.value.substring(0,maxChars);
var curr = maxChars - which.value.length;
document.getElementById("chLeft").innerHTML = curr.toString();
}
</script>
</head>
<body>
<p> 剩余字数:<span id="chLeft">45</span></p>
<textarea style="width:300px;height:200px;" onkeyup="checkLength(this);">评论框内容</textarea>
</body>
</html>