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

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

2014-05-24 22:06:40 [小大] 已经帮助：人解决问题

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

复制代码代码如下:

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

（责任编辑：）