首页>>表单>>显示input已经输入的文字数量和剩余可以输入的字符数量(2013-12-22)

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