显示input已经输入的文字数量和剩余可以输入的字符数量

显示input已经输入的文字数量和剩余可以输入的字符数量

 

演示

 

 

XML/HTML Code

1. <div id="content">  
2.       
3.     <div class="content-box">  
4.       <label>Username:</label> <input type="text" data-minlength="4" data-maxlength="32" style="width:100px;"/><br/>  
5.       <label>Bio:</label> <textarea cols="30" rows="6" data-minlength="10" data-maxlength="200" style="width:165px;"></textarea>  
6.         
7.       <link rel="Stylesheet" type="text/css" href="./wChar.css" />  
8.       <script type="text/javascript" src="./wChar.min.js"></script>  
9.         
10.       <style>  
11.         label {  
12.           display: inline-block;  
13.           *display: inline;   
14.           zoom: 1;  
15.           width: 80px;  
16.           text-align: right;  
17.           vertical-align: top;  
18.         }  
19.       </style>  
20.   
21.       <script type="text/javascript">  
22.         $('input:text, input:password, textarea').wChar({message: 'left', messageMin: 'to go'});  
23.       </script>  
24.     </div>  
25.   </div>  

 

原文地址:http://www.freejs.net/article_biaodan_198.html