js限制input输入的最大字节

笑到世界都狼狈

已于 2022-11-14 19:57:27 修改

阅读量3k

点赞数 2

分类专栏： js/jq 文章标签： input 限制输入最大长度限制最大长度为多少个字节 javaScript jQuery

于 2019-05-25 23:36:46 首次发布

js/jq 专栏收录该内容

55 篇文章 4 订阅

订阅专栏

项目中遇到的问题是要求输入的最大字节是10个，但是input自带的maxlength不能实现，正则表达式也不好实现，所以看到别人的一种写法，感觉很好用，所以记录下来

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <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); 
        console.log(c);
        //单字节加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; 
            alert('超过');
         } 
    } 
} 
</script> 
<input type="text" id="nickname" class="nickname" value="" onkeyup="WidthCheck(this,10);"/>
</body>
</html>

笑到世界都狼狈

关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
js限制input输入的最大字节

项目中遇到的问题是要求输入的最大字节是10个，但是input自带的maxlength不能实现，正则表达式也不好实现，所以看到别人的一种写法，感觉很好用，所以记录下来<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document...
复制链接

扫一扫