限制文本位元組數的JS原始碼程式

來源:互聯網
上載者:User
js|程式|原始碼

  做項目時自己寫一段js給大家。關於文本限制字數的問題,在實際開發中經常用到;主要問題出現在對中文的限制,下面代碼就解決關於限制位元組數的校正問題;只要將此下代碼儲存到一個js檔案中並引入到校正的頁面中,便可使用!同時希望大家給與大力支援和寶貴意見,本人會在今後閑餘之際,發表更多的好文章,謝謝!!

/*
 value: 值;
 byteLength:資料庫位元組長度
 title:欄位中文名稱
 attribute:屬性名稱
 使用方法說明:
添加 (1) onkeyup="limitLength(this.value,100,'名稱','name')"
          (2)  id="name" 或【struts標籤】styleId="name"
 注意:id名稱和 attribute屬性名稱要一樣
     
 例子:<textarea  name="explain" id="explain" onkeyup="limitLength(value,5,'語義說明','explain')" > 
 或
<input type="text"   name="explain"  id="explain" onkeyup="limitLength(value,5,'語義說明','explain')" >
*/

function limitLength(value, byteLength, title, attribute) {
       var newvalue = value.replace(/[^\x00-\xff]/g, "**");
       var length = newvalue.length;
 
       //當填寫的位元組數小於設定的位元組數
      if (length * 1 <=byteLength * 1){
            return;
      }
      var limitDate = newvalue.substr(0, byteLength);
      var count = 0;
      var limitvalue = "";
     for (var i = 0; i < limitDate.length; i++) {
             var flat = limitDate.substr(i, 1);
            if (flat == "*") {
                  count++;
            }
     }
     var size = 0;
     var istar = newvalue.substr(byteLength * 1 - 1, 1);//校正點是否為“×”
  
    //if 基點是×; 判斷在基點內有×為偶數還是奇數 
     if (count % 2 == 0) {
              //當為偶數時
            size = count / 2 + (byteLength * 1 - count);
            limitvalue = value.substr(0, size);
    } else {
            //當為奇數時
            size = (count - 1) / 2 + (byteLength * 1 - count);
            limitvalue = value.substr(0, size);
    }
   alert(title + "最大輸入" + byteLength + "個位元組(相當於"+byteLength /2+"個漢字)!");
   document.getElementById(attribute).value = limitvalue;
   return;
}



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。