This article mainly shares with you an example of limiting the maximum number of input bytes in js. After searching for a long time, I finally found a good solution. I hope it can help everyone.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
<body>
<input type="text" id="nickname" class="nickname" value="" placeholder="请输入您的名字" onkeyup="limitInputCharLen(this,8);"/>
<script type="text/javascript">
function limitInputCharLen(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>
</body>
</html>Related recommendations:
The above is the detailed content of js limit input maximum number of bytes example. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
