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判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。