当前位置:Gxlcms > JavaScript > js限定输入最大字节数实例

js限定输入最大字节数实例

时间:2021-07-01 10:21:17 帮助过:19人阅读

本文主要和大家分享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限定输入最大字节数实例的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行