JS判斷字串位元組長度（自動識別中英文）

你早晚會用到的，用CSS來控制文字長度畢竟不是什麼需求都能滿足，現在後台也不管字元長度截取了，只能用JS來截取字串了。

代碼如下

複製代碼

/**  * 返回字元的位元組長度（漢字算2個位元組）  * @param {string}  * @returns {number}  */   var getByteLen = function (val) {     var len = 0;     for (var i = 0; i < val.length; i++) {         if (val[i].match(/[^x00-xff]/ig) != null) //全形             len += 2;         else             len += 1;     };     return len; } var sAbc = '1a啊啊22飛3地方a'; var ol = getByteLen(sAbc); alert('直接用length取得的位元組長度：' + sAbc.length); alert('通過getByteLen()方法取得的位元組長度：' + ol);

通過上面的方法就可以繼續寫一個截取指定長度的新字串了，截取掉的部分用…補全：

代碼如下

複製代碼

/**  * 返回字元的位元組長度（漢字算2個位元組）  * @param {string}{number}  * @returns {string}   +'...'  */   var cutStrForNum = function (str, num) {     var len = 0;     for (var i = 0; i < str.length; i++) {         if (str[i].match(/[^x00-xff]/ig) != null) //全形             len += 2;         else             len += 1;     }     if (len >= num) {         newStr = str.substring(0, num) + "...";     }     return newStr; } var sAbc = '1a啊啊22飛3地方a'; alert(cutStrForNum(sAbc, 3));

看個執行個體JS判斷字元輸入個數

1. $('textarea#txtPrizeNote');     //表示textarea控制項名稱

2. 'span' 顯示剩餘字數的標籤

HTML:

代碼如下

複製代碼

<div>         <textarea id="txtPrizeNote" runat="server" height="74px" width="480px" maxlength="10"             style="width: 480px; height: 74px; float: left"></textarea>         <span style="color: Red;">*</span><br />         剩餘字數：<span id="showmsg" style="color: red"></span> </div>   <script type="text/javascript">         //返回val的位元組長度         function getByteLen(val) {             var len = 0;             for (var i = 0; i < val.length; i++) {                 if (val[i].match(/[^x00-xff]/ig) != null) //全形                     len += 2;                 else                     len += 1;             }             return len;         }         //返回val在規定位元組長度max內的值         function getByteVal(val, max) {             var returnValue = '';             var byteValLen = 0;             for (var i = 0; i < val.length; i++) {                 if (val[i].match(/[^x00-xff]/ig) != null)                     byteValLen += 2;                 else                     byteValLen += 1;                 if (byteValLen > max)                     break;                 returnValue += val[i];             }             return returnValue;         }         $(function() {             var _area = $('textarea#txtPrizeNote');             var _info = _area.next();             var _max = _area.attr('maxlength');             var _val;             _area.bind('keyup change', function() { //綁定keyup和change事件                 if (_info.find('span').size() < 1) {//避免每次彈起都會插入一條提示資訊                     _info.append(_max);                 }                 _val = $(this).val();                 _cur = getByteLen(_val);                 if (_cur == 0) {//當預設值長度為0時,可輸入數為預設maxlength值                     _info.text(_max);                 } else if (_cur < _max) {//當預設值小於限制數時,可輸入數為max-cur                     _info.text(_max - _cur);                 } else {//當預設值大於等於限制數時                     _info.text(0);                     $(this).val(getByteVal(_val,_max)); //截取指定位元組長度內的值                 }             });         });     </script>