집 > 기사 > 웹 프론트엔드 > js 제한 입력 최대 바이트 수 예

js 제한 입력 최대 바이트 수 예

小云云원래의: 2018-03-17 11:30:211255검색

이 기사에서는 주로 js의 최대 입력 바이트 수를 제한하는 예를 공유합니다. 오랫동안 검색한 끝에 마침내 좋은 해결책을 찾았습니다.

<!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>

js 제한 입력 최대 바이트 수 예

관련 기사