<!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限定输入最大字节数实例的详细内容,更多请关注php中文网其它相关文章!
声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
程序员必备接口测试调试工具:点击使用
可视化交互式的界面设计,仅需拖拉拽即可实现Web应用、小程序开发:立即使用
- 上一篇:js实现多个字符串首尾重复拼接
- 下一篇:在ionic2中怎样使用自动生成器