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>