js如何判断输入字符串长度
更新时间：2015年12月16日 09:00:08 投稿：lijiao
这篇文章主要介绍了js判断输入字符串长度，汉字算两个字符，字母数字算一个，感兴趣的小伙伴们可以参考一下
js判断输入字符串长度（汉字算两个字符，字母数字算一个）
文本输入时，由于数据库表字段长度限制会导致提交失败，因此想到了此方法验证。
废话不多说上代码：
<html>
<head>
<title>js判断输入字符串长度（汉字算两个字符，字母数字算一个）</title>
<style type="text/css">
.pbt {
margin-bottom: 10px;
}
.ie6 .pbt .ftid a, .ie7 .pbt .ftid a {
margin-top: 1px;
}
.cl:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}
</style>
<script type="text/javascript">
//获取字符串长度（汉字算两个字符，字母数字算一个）
function getByteLen(val) {
var len = 0;
for (var i = 0; i < val.length; i++) {
var a = val.charAt(i);
if (a.match(/[^\x00-\xff]/ig) != null) {
len += 2;
}
else {
len += 1;
}
}
return len;
}
// 只要键盘一抬起就验证编辑框中的文字长度，最大字符长度可以根据需要设定
function checkLength(obj) {
var maxChars = 80;//最多字符数
var curr = maxChars - getByteLen(obj.value);
if (curr > 0) {
document.getElementById("checklen").innerHTML = curr.toString();
} else {
document.getElementById("checklen").innerHTML = '0';
document.getElementById("subject").readOnly = true;
}
}
</script>
</head>
<body>
<div class="pbt cl">
<textarea id="subject" maxlength="80" onkeyup="checkLength(this)" accesskey="1" tabindex="11"></textarea>
<span id="subjectchk">还可输入
<strong id="checklen" style="color: #FF0000">80</strong>
个字符
</span>
<span id="postNameRule" class="spn_flag_1" style="display: none"></span>
</div>
</body>
</html>
以上就是js判断输入字符串长度的方法，希望对大家的学习有所帮助，学会如何判断输入字符串长度。
相关文章
BOM全称是brower object model(浏览器对象模型)，主要用于管理窗口及窗口间的通讯，其核心对象是window。说窗口，可能并不准确。因为，有的浏览器窗口可能包含多个标签页，每个标签页都有自己的window对象。本文将详细介绍这些内容，有需要可以参考学习。2016-08-08
下面小编就为大家带来一篇在javascript中使用com组件的简单实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，祝大家游戏愉快哦2016-08-08
内建函数其实就是内置函数,reduce函数是ECMAScript5规范中出现的数组方法。在平时的工作中，相信大家使用的场景并不多，这篇文章给大家详细介绍了函数reduce的应用以及多重叠加，有需要的朋友们可以参考借鉴，下面来一起看看吧。2016-10-10
这篇文章主要介绍了微信小程序使用map组件实现路线规划功能,结合具体实例形式分析了微信小程序基于map组件的地理位置获取、路径规划等相关操作技巧,需要的朋友可以参考下2019-01-01
据说，对于网页开发人员来说，Firebug是Firefox浏览器中最好的插件之一。2010-08-08
slice()方法和splice()方法都是原生js中对数组操作的方法。那么他两种有什么区别呢？今天通过本文教程给大家简单介绍下,需要的朋友可以参考下2017-03-03
这篇文章主要为大家详细介绍了js实现模拟购物商城案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-05-05
这篇文章主要介绍了D3.js 实现带伸缩时间轴拓扑图的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-01-01
这篇文章主要介绍了JS简单验证上传文件类型的方法,涉及javascript文件遍历及字符串截取、匹配等相关操作技巧,需要的朋友可以参考下2017-04-04
本篇文章通过实例给大家分享了layui实现动态和静态分页的详细方法，以及效果展示，有需要的朋友可以跟着参考学习下。2018-04-04
最新评论