工作中遇到这样的需求：要求input输入的最大字符是8个，输入英文时可以最多输入8个英文字符，但是输入中文时，会出现在输入了四个汉字之后，就不能在输入了，原因在于一个汉字占了两个字节。
如何解决这个问题，即英文和汉字都最多输入8个，而不是按位来计算？
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title></title> 5 <meta charset="utf-8"> 6 </head> 7 <body> 8 <input type="text" name="input1" id="str" value="" placeholder="请输入字符串"> 9 <input type="text" name="length" value="" id="leng"> 10 <button onclick="GetLength()">测试</button> 11 <script type="text/javascript"> 12 var GetLength = function() { 13 var str = document.getElementById("str"); 14 var str1 = str.value; 15 ///<summary>获得字符串实际长度，中文2，英文1</summary> 16 ///<param name="str">要获得长度的字符串</param> 17 var realLength = 0, len = str1.length, charCode = -1; 18 for (var i = 0; i < len; i++) { 19 charCode = str1.charCodeAt(i); 20 if (charCode >= 0 && charCode <= 128){realLength += 1; 21 }else{ 22 realLength += 2;} 23 } 24 var objLength = document.getElementById("leng"); 25 objLength.value = realLength; 26 27 }; 28 29 // 执行代码： 30 //alert(jmz.GetLength($('#userid').val())); 31 32 33 </script> 34 </body> 35 </html>