jquery实现textarea输入框限制字数的方法

  本文实例讲述了jquery实现textarea输入框限制字数的方法。分享给大家供大家参考。具体分析如下:

  网上有使用属性 disabled 来实现,这个不好,想修改都没有修改。当然,这个也不是很完美。

  

复制代码 代码如下:
<html>

  <head>

  <title> jquery完美实现textarea输入框限制字数</title>

  <meta http-equiv="content-type" content="text/html;charset=utf-8" />

  <script type="text/javascript" src="jquery-1.8.2.min.js"></script>

  <script type="text/javascript">

  $(function(){

  $("#weibo").keyup(function(){

  var len = $(this).val().length;

  if(len > 139){

  $(this).val($(this).val().substring(0,140));

  }

  var num = 140 - len;

  $("#word").text(num);

  });

  });

  </script>

  <style type="text/css">

  h6{color:blue;}

  textarea{resize:none;}

  #word{color:red;}

  </style>

  </head>

  <body>

  <h6>说点什么吧,你可以输入<span>140</span>个字,现在剩余<span id="word">140</span>个</h6>

  <textarea name="con" id="weibo" cols="45" rows="6"></textarea>

  </body>

  </html>

  希望本文所述对大家的jQuery程序设计有所帮助。