DIV CSS 佈局教程網

本文實例為大家分享了jQuery textarea輸入字數限制的具體代碼，供大家參考，具體內容如下

 //先判斷浏覽器是不是萬惡的IE
    var bind_name = 'input';//默認事件
    if (navigator.userAgent.indexOf("MSIE") != -1) {
      bind_name = 'propertychange';//不要臉IE獨享的事件
    }
    var maxlength = 10;//限定輸入字數
    $('#Comment').bind(bind_name, function () {//給textarea綁定事件
      var strlen = $(this).val().replace(/[^\x00-\xff]/g, "aa").length;//讀取轉換得到長度，中文轉換成2個長度，英文空格忽視算1個長度
      $('#aviableCount').text(function () {//一個span顯示現在輸入多長了
        if (Math.ceil(strlen / 2) > maxlength) {//超過限定長度，只顯示最大數
          return maxlength;
        }
        else {
          return Math.ceil(strlen / 2);//為什麼要除以2呢，因為前面中文算兩個長度，這裡我們要轉回來，0.5的中文長度算1個中文長度
        }
      });
      if (strlen > maxlength * 2) {//輸入超過最大長度，就進行截取
        for (i = 1; i > 0; i++) {
          $(this).val($(this).val().substr(0, $(this).val().length - 1));
          if ($(this).val().replace(/[^\x00-\xff]/g, "aa").length <= maxlength * 2) {
            break;
          }
        }
      }
    })
  </script>

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持。