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

216 阅读 0 评论 143 点赞

我是靠谱客的博主沉静纸鹤，最近开发中收集的这篇文章主要介绍js统计录入文本框中字符的个数并加以限制不超过多少，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

有些需求是为了更直观的体现用户在文本框输入文本时能看到自己输入了多少字，并且有些特殊的要求字数不超过多少，下面是实现：

复制代码代码如下:

 
<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> 