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

最新推荐文章于 2021-09-26 17:01:57 发布

weixin_30367169

最新推荐文章于 2021-09-26 17:01:57 发布

阅读量370

点赞数

原文链接：http://www.cnblogs.com/potato-lee/p/6143291.html

版权

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

1、添加一个事件  
οnkeyup="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{width: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{width: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