关于文本框字数的限制以及动态显示剩余字数
![首先先看一个非常普遍的效果截图,根据需求写代码](https://i-blog.csdnimg.cn/blog_migrate/aa038d1812b71e328bfad48f441ad2c6.png)
html 部分
<div>
<textarea id="ruleDesc" maxlength='100' class='form-control notNull' title='规则描述' type='text'
style="width: 70%;height:100px;margin-bottom: 5px;">${(ruleInfo.ruleDesc)!""}</textarea>
<span><span id="ruleNum">0</span>/100</span>
</div>
js 部分
<script>
$('#ruleDesc').on("keyup",function(){
$('#ruleNum').text($('#ruleDesc').val().length);//键盘按下时,实时的显示字数
if($('#ruleDesc').val().length > 100){
$('#ruleNum').text(100);//长度大于100时0处显示的也只是100
$('#ruleDesc').val($('#ruleDesc').val().substring(0,100));//长度大于100时截取前100个字符
}
})
$('#ruleNum').text($('#ruleDesc').val().length);//刷新的时候仍然显示字数
</script>