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