巧用Javascript代碼限制文本位元組數

javascript

　　做項目時自己寫一段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; 
}