JS 实现一个文本域显示输入的字符长度

1.两种方法,第一种不使用JQ

1、添加一个事件  
onkeyup="checkLength(this,'256','chLeft');"  
第一个参数:代表当前输入的字符;第二个参数:能输入多少个字符;第三个参数:要显示能输入多少个字符的span或者div id名称  
//验证文本域还能输入多少个字  
function checkLength(which,count,name) {  
       var maxChars = count;  
   if (which.value.length > maxChars)  
          which.value =   which.value.substring(0,maxChars);  
       var curr = maxChars - which.value.length;  
       document.getElementById(name).innerHTML = curr.toString();  
}  

  2.使用JQ

<title>字数限制</title>
<style type="text/css">
*{font-size:12px;}
.word{color:#FF3333;}
textarea{200px; height:40px;}
</style>
<script src="http://static.l99.com/js/jquery/jquery-1.2.6.pack.js" type="text/javascript"></script>
<body>
还可以输入<span id="word" class="word">40</span>个字<br />
<textarea id="txt" name="" cols="" rows=""></textarea>
<script language="javascript" type="text/javascript">
<title>字数限制</title>
<style type="text/css">
*{font-size:12px;}
.word{color:#FF3333;}
textarea{200px; height:40px;}
</style>
<script src="http://static.l99.com/js/jquery/jquery-1.2.6.pack.js" type="text/javascript"></script>
<body>
还可以输入<span id="word" class="word">40</span>个字<br />
<textarea id="txt" name="" cols="" rows=""></textarea>
<script language="javascript" type="text/javascript">

  3.动态统计字符数

http://blog.csdn.net/libin_1/article/details/50395192

原文地址:https://www.cnblogs.com/potato-lee/p/6143291.html