js 限制input输入字节长度

最新推荐文章于 2023-04-10 17:39:17 发布

weixin_33795093

最新推荐文章于 2023-04-10 17:39:17 发布

阅读量648

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/rchao/p/4506054.html

本文介绍了一个用于限制输入字段长度并优化字符编码的JavaScript函数，通过遍历输入字符串，计算汉字和英文字符的实际长度，从而实现对输入长度的有效控制。此方法适用于需要控制用户输入场景，如昵称、用户名等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<script>
function WidthCheck(str, maxLen){ 
    var w = 0; 
    var tempCount = 0; 
    //length 获取字数数，不区分汉子和英文 
    for (var i=0; i<str.value.length; i++) { 
        //charCodeAt()获取字符串中某一个字符的编码 
        var c = str.value.charCodeAt(i); 
        //单字节加1 
        if ((c >= 0x0001 && c <= 0x007e) || (0xff60<=c && c<=0xff9f)) { 
            w++; 
        } else { 
            w+=2; 
        } 
        if (w > maxLen) { 
            str.value = str.value.substr(0,i); 
            break; 
         } 
    } 
} 
</script> 
<input type="text" id="nickname" class="nickname" value="" onkeyup="WidthCheck(this,8);"/>