js 限制輸入框的位元組數，中文兩個位元組，英文字母一個位元組
阿新 • • 發佈：2019-01-05
也許在網上有很多類似的文章，但是這裡大家應該知道，js裡面，中文和字母的長度都是1，但是資料庫不知道呀，資料庫很多都是按照位元組來的，所以，控制輸入框的位元組數看來比長度限制更為重要。
提出問題：
1、限制文字框為16個位元組，只能輸入中文和字母
解決思路：
1、判斷只能是中文和英文
2、判斷長度只能為16
3、有一個不符合，將進入迴圈：
第一步：替換掉所有的#，因為我後面要用到這個特殊字元
第二步：將所有的中文替換為：@@
第三步：擷取0-20的位元組長度，這裡中文已經轉成兩個長度了
第四步：將所有的@@轉換成#
第五步：替換掉最後可能出現的中文的半個位元組，一個@
第六步：獲取最後剩的字元長度，也就是要擷取的字串的長度
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script> </head> <body> <input type="text" id="input"/> <script> $('#input').on('keyup keydown', function () { var $this = $(this); var str = $this.val(); var limitLen = 16; var sign = /[\u3002|\uff1f|\uff01|\uff0c|\u3001|\uff1b|\uff1a|\u201c|\u201d|\u2018|\u2019|\uff08|\uff09|\u300a|\u300b|\u3008|\u3009|\u3010|\u3011|\u300e|\u300f|\u300c|\u300d|\ufe43|\ufe44|\u3014|\u3015|\u2026|\u2014|\uff5e|\ufe4f|\uffe5]/g; var flag = /^[\u4e00-\u9fa5a-zA-Z]+$/.test(str) && str.replace(/[\u4e00-\u9fa5]/g, '@@').length <= limitLen ? true : false; if (!flag) { var convertStr = str.replace(sign,'').replace(/#/g,'').replace(/[\u4e00-\u9fa5]/g, '@@').substr(0, limitLen); var len = convertStr.replace(/@@/g, '#').replace('@', '').length; var val = str.substring(0, len); $this.val(val); } }); </script> </body> </html>