JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)
js判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)
文本输入时,由于数据库表字段长度限制会导致提交失败,因此想到了此方法验证。
废话不多说上代码:
<html>
<head>
<title>js判断输入字符串长度(汉字算两个字符,字母数字算一个)</title>
<styletype="text/css">
.pbt{
margin-bottom:10px;
}
.ie6.pbt.ftida,.ie7.pbt.ftida{
margin-top:1px;
}
.cl:after{
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
</style>
<scripttype="text/javascript">
//获取字符串长度(汉字算两个字符,字母数字算一个)
functiongetByteLen(val){
varlen=0;
for(vari=0;i<val.length;i++){
vara=val.charAt(i);
if(a.match(/[^\x00-\xff]/ig)!=null){
len+=2;
}
else{
len+=1;
}
}
returnlen;
}
//只要键盘一抬起就验证编辑框中的文字长度,最大字符长度可以根据需要设定
functioncheckLength(obj){
varmaxChars=80;//最多字符数
varcurr=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>
<divclass="pbtcl">
<textareaid="subject"maxlength="80"onkeyup="checkLength(this)"accesskey="1"tabindex="11"></textarea>
<spanid="subjectchk">还可输入
<strongid="checklen"style="color:#FF0000">80</strong>
个字符
</span>
<spanid="postNameRule"class="spn_flag_1"style="display:none"></span>
</div>
</body>
</html>
以上这篇JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。