页面：

<table cellpadding="0" cellspacing="0" border="0" width="100%">

                        <tr>                             <td>                                 <textarea name="" id="doc" cols="30" rows="10"></textarea>                             </td>                         </tr>                         <tr>                             <td>                                 <div class="face">                                     <img src="/sitecn/images/face.jpg" /></div>                             </td>                         </tr>                         <tr>                             <td>                                 还能输入<span id="count"></span>字                                 <input type="button" class="btn" value="提 交" />                             </td>                         </tr>                     </table>

JQuery:

<script type="text/javascript">

    var maxCount = 200;  // 最高字数，这个值可以自己配置     $("#doc").keyup(function () {         var len = getStrLength(this.value);         var lenCount = maxCount - len; //计算还可以输入多少个         if (lenCount <0) {             $(this).val($(this).val().substring(0, 200));         }         else {             $("#count").html(lenCount);         }     })     // 中文字符判断      function getStrLength(str) {         var len = str.length;         var reLen = 0;         for (var i = 0; i < len; i++) {             if (str.charCodeAt(i) < 27 || str.charCodeAt(i) > 126) {                 // 全角                      reLen += 2;             } else {                 reLen++;             }         }         return reLen;     }  </script>

本文转自程序猿博客51CTO博客，原文链接http://blog.51cto.com/haihuiwei/1589960如需转载请自行联系原作者

365850153