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

來源:互聯網
上載者:User
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; 


相關文章

Cloud Intelligence Leading the Digital Future

Alibaba Cloud ACtivate Online Conference, Nov. 20th & 21st, 2019 (UTC+08)

Register Now >

Starter Package

SSD Cloud server and data transfer for only $2.50 a month

Get Started >

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 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。