溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

jQuery編寫textarea輸入字數(shù)限制代碼

發(fā)布時間：2020-10-07 05:37:13 來源：腳本之家 閱讀：167 作者：黑糖瑪奇朵 欄目：web開發(fā)

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

 //先判斷瀏覽器是不是萬惡的IE
    var bind_name = 'input';//默認事件
    if (navigator.userAgent.indexOf("MSIE") != -1) {
      bind_name = 'propertychange';//不要臉I(yè)E獨享的事件
    }
    var maxlength = 10;//限定輸入字數(shù)
    $('#Comment').bind(bind_name, function () {//給textarea綁定事件
      var strlen = $(this).val().replace(/[^\x00-\xff]/g, "aa").length;//讀取轉(zhuǎn)換得到長度，中文轉(zhuǎn)換成2個長度，英文空格忽視算1個長度
      $('#aviableCount').text(function () {//一個span顯示現(xiàn)在輸入多長了
        if (Math.ceil(strlen / 2) > maxlength) {//超過限定長度，只顯示最大數(shù)
          return maxlength;
        }
        else {
          return Math.ceil(strlen / 2);//為什么要除以2呢，因為前面中文算兩個長度，這里我們要轉(zhuǎn)回來，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>

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持億速云。

向AI問一下細節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手