jQuery检测文本框中的输入字符数

jerry PHP 2015年11月18日 收藏
jQuery检测文本框中的输入字符数,显示还可以输入多少字符
  1. <title>字数限制</title>
  2. <style type="text/css">
  3. *{font-size:12px;}
  4. .word{color:#FF3333;}
  5. textarea{width:200px; height:40px;}
  6. </style>
  7. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
  8. <body>
  9. 还可以输入<span id="word" class="word">40</span>个字<br />
  10. <textarea id="txt" name="" cols="" rows=""></textarea>
  11. <script language="javascript" type="text/javascript">
  12. $("#txt").keyup(function(){   
  13. if($("#txt").val().length > 40){
  14.    $("#txt").val( $("#txt").val().substring(0,40) );
  15. }
  16. $("#word").text( 40 - $("#txt").val().length ) ;
  17. });
  18. </script>
  19. </body>

附件jQuery_Text.zip ( 572 B 下载:33 次 )