js统计录入文本框中字符的个数并加以限制不超过多少

前端技术 2023/09/08 JavaScript
有些需求是为了更直观的体现用户在文本框输入文本时能看到自己输入了多少字，并且有些特殊的要求字数不超过多少，下面是实现：
复制代码 代码如下:

<html>
<head>
<script src=\"jquery.js\" type=\"text/javascript\"></script>
<script type=\"text/javascript\">
function tjzs(){
var count = $(\"#nr\").val().length;
if(count>10){
var nr = $(\"#nr\").val().substring(0,10);
$(\"#nr\").val(nr);
count=10;
}
$(\"#zs\").val(count);
}
</script>
</head>
<body>
<div style=\"72px;width:202px;\" >
<textarea id=\"nr\" style=\"height:70px;width:200px;\" onkeyup=\"tjzs()\" onpropertychange=\"if (value.length>10) value=value.substring(0,10)\"></textarea>
字数限制：<input type=\"text\" id=\"zs\" value=\"0\" lang=\"4\"/>0/10
</div>
</body>
</html>

本文地址：https://www.stayed.cn/item/21142

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案