Javascript校验含中文的字符串长度

作者佚名技术来源网页制作浏览发布时间 2012-03-07

网上有不少解决方案，贡献下我使用的两个函数：

	/**
	 * 得到字符串的字符长度（一个汉字占两个字符长）
	 */
	function getBytesLength(str) {
		// 在GBK编码里，除了ASCII字符，其它都占两个字符宽
		return str.replace(/[^\x00-\xff]/g, ''xx'').length;
	}

	/**
	 * 根据字符长来截取字符串
	 */
	function subStringByBytes(val, maxBytesLen) {
		var len = maxBytesLen;
		var result = val.slice(0, len);
		while(getBytesLength(result) > maxBytesLen) {
			result = result.slice(0, --len);
		}
		return result;
	}

一个实例：

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Validation - Check Length</title> <script type="text/javascript"> /* Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: version: 2.6.0 */ if(typeof YAHOO=="undefined"||!YAHOO){var YAHOO={}}YAHOO.namespace=function(){var A=arguments,E=null,C,B,D;for(C=0;C<A.length;C=C+1){D=A[C].split(".");E=YAHOO;for(B=(D[0]=="YAHOO")?1:0;B<D.length;B=B+1){E[D[B]]=E[D[B]]||{};E=E[D[B]]}}return E};YAHOO.log=function(D,A,C){var B=YAHOO.widget.Logger;if(B&&B.log){return B.log(D,A,C)}else{return false}};YAHOO.register=function(A,E,D){var I=YAHOO.env.modules;if(!I[A]){I[A]={versions:[],builds:[]}}var B=I[A],H=D.version,G=D.build,F=YAHOO.env.listeners;B.name=A;B.version=H;B.build=G;B.versions.push(H);B.builds.push(G);B.mainClass=E;for(var C=0;C<F.length;C=C+1){F[C](B)}if(E){E.VERSION=H;E.BUILD=G}else{YAHOO.log("mainClass is undefined for module "+A,"warn")}};YAHOO.env=YAHOO.env||{modules:[],listeners:[]};YAHOO.env.getVersion=function(A){return YAHOO.env.modules[A]||null};YAHOO.env.ua=function(){var C={ie:0,opera:0,gecko:0,webkit:0,mobile:null,air:0};var B=navigator.userAgent,A;if((/KHTML/).test(B)){C.webkit=1}A=B.match(/AppleWebKit\/([^\s]*)/);if(A&&A[1]){C.webkit=parseFloat(A[1]);if(/ Mobile\//.test(B)){C.mobile="</td> </tr> <tr> <td><p>凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：<a href="http://www.lingzhong.cn">http://www.lingzhong.cn</a> 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!</p> </td> </tr> </table> </div> <div class="page"><a href="14248.htm" class="current">1</a><a href="14248-2.htm">2</a><a href="14248-3.htm">3</a><a href="14248-4.htm">4</a><a href="14248-5.htm">5</a><a href="14248-6.htm">6</a><a href="14248-7.htm">7</a><a href="14248-8.htm">8</a><a href="14248-9.htm">9</a><a href="14248-10.htm">10</a><a href="14248-11.htm">11</a><a href="14248-12.htm">12</a><a href="14248-13.htm">13</a><a href="14248-14.htm">14</a><a href="14248-15.htm">15</a><a href="14248-16.htm">16</a><a href="14248-17.htm">17</a><a href="14248-18.htm">18</a><a href="14248-19.htm">19</a><a href="14248-20.htm">20</a><a href="14248-21.htm">21</a><a href="14248-22.htm">22</a><a href="14248-23.htm">23</a><a href="14248-24.htm">24</a><a href="14248-25.htm">25</a><a href="14248-26.htm">26</a><a href="14248-27.htm">27</a><a href="14248-28.htm">28</a><a href="14248-29.htm">29</a><a href="14248-30.htm">30</a><a href="14248-31.htm">31</a><a href="14248-32.htm">32</a><a href="14248-33.htm">33</a><a href="14248-34.htm">34</a><a href="14248-35.htm">35</a><a href="14248-36.htm">36</a><a href="14248-37.htm">37</a><a href="14248-38.htm">38</a><a href="14248-39.htm">39</a><a href="14248-40.htm">40</a><a href="14248-41.htm">41</a><a href="14248-42.htm">42</a><a href="14248-43.htm">43</a><a href="14248-44.htm">44</a><a href="14248-45.htm">45</a><a href="14248-46.htm">46</a><a href="14248-47.htm">47</a><a href="14248-48.htm">48</a><a href="14248-49.htm">49</a><a href="14248-50.htm">50</a><a href="14248-51.htm">51</a><a href="14248-52.htm">52</a><a href="14248-53.htm">53</a><a href="14248-54.htm">54</a><a href="14248-55.htm">55</a><a href="14248-56.htm">56</a><a href="14248-57.htm">57</a><a href="14248-58.htm">58</a><a href="14248-59.htm">59</a><a href="14248-60.htm">60</a><a href="14248-61.htm">61</a><a href="14248-62.htm">62</a><a href="14248-63.htm">63</a><a href="14248-64.htm">64</a><a href="14248-65.htm">65</a><a href="14248-66.htm">66</a><a href="14248-2.htm">下一页</a><div style="clear:both;"></div></div> <div id="jiathis">  <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare"> <a style="background:none;">分享到：</a> <a class="bds_qzone"></a> <a class="bds_tsina"></a> <a class="bds_tqq"></a> <a class="bds_renren"></a> <a class="bds_baidu"></a> <a class="bds_douban"></a> <a class="bds_kaixin001"></a> <a class="bds_t163"></a> <a class="bds_tsohu"></a> <span class="bds_more">更多</span> <a class="shareCount"></a> </div> <script type="text/javascript" id="bdshare_js" data="type=tools&uid=460515" ></script> <script type="text/javascript" id="bdshell_js"></script> <script type="text/javascript"> document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?t=" + new Date().getHours(); </script>  <div style="clear:both;"></div> </div> <div id="likeart"> <div class="liketitle">你可能对下面的文章感兴趣</div> <div class="likebox"> <ul> <li><a href="http://www.lingzhong.cn/tech/15188.htm" title="Fireworks简单制作个性的文字LOGO" target="_blank">Fireworks简单制作个性的文字LOGO</a></li> <li><a href="http://www.lingzhong.cn/tech/23132.htm" title="Linux中cp直接覆盖不提示的方法" target="_blank">Linux中cp直接覆盖不提示的方法</a></li> <li><a href="http://www.lingzhong.cn/tech/38083.htm" title="Photoshop路径与高光勾画艺术蜂鸟" target="_blank">Photoshop路径与高光勾画艺术蜂鸟</a></li> <li><a href="http://www.lingzhong.cn/tech/29868.htm" title="ASP.NET 2.0实现无刷新客户端回调" target="_blank">ASP.NET 2.0实现无刷新客户端回调</a></li> <li><a href="http://www.lingzhong.cn/tech/23566.htm" title="linux Load average负载详细解释" target="_blank">linux Load average负载详细解释</a></li> <li><a href="http://www.lingzhong.cn/tech/35124.htm" title="Photoshop教程:设计制作2010新年贺卡" target="_blank">Photoshop教程:设计制作2010新年贺卡</a></li> <li><a href="http://www.lingzhong.cn/tech/41668.htm" title="Java EE/J2EE面向对象编程之道 - 编程入门网" target="_blank">Java EE/J2EE面向对象编程之道 - 编程入门网</a></li> <li><a href="http://www.lingzhong.cn/tech/34255.htm" title="Photoshop把mm的单眼皮变成双眼皮" target="_blank">Photoshop把mm的单眼皮变成双眼皮</a></li> <li><a href="http://www.lingzhong.cn/tech/11385.htm" title="Perl语言编程特殊技巧" target="_blank">Perl语言编程特殊技巧</a></li> <li><a href="http://www.lingzhong.cn/tech/13198.htm" title="关于网页表单实现和网页布局如何运用表单" target="_blank">关于网页表单实现和网页布局如何运用表单</a></li> </ul> </div> <div style="clear:both;"></div> </div> <div class="prenext"><span class="pre">上一篇: <a href='http://www.lingzhong.cn/tech/14249.htm'>JavaScript入门教程(1):什么是JS</a></span><span class="next">下一篇: <a href='http://www.lingzhong.cn/tech/14247.htm'>JavaScript库开发规则</a></span> <div style="clear:both;"></div> </div>  <div class="comment"> <div class="more"> <a href="http://www.lingzhong.cn/tech/plus/comment/?id=14248">关于Javascript校验含中文的字符串长度的所有评论</a> </div>  <div class="list"> <script language="JavaScript" type="text/javascript" src="http://www.lingzhong.cn/tech/plus/comment/js.asp?id=14248"></script> </div>  <div class="post"> <form action="http://www.lingzhong.cn/tech/plus/comment/save.asp" method="post"> <input type="hidden" name="id" value="14248"> <label for="user">昵称</label> <input name="user" type="text" class="input" /> <label for="content">评论内容</label> <textarea name="content" cols="70" rows="6" class="textarea" onfocus="if($('sn').innerHTML.length==0){geturl('http://www.lingzhong.cn/tech/plus/comment/getcode.asp?'+Math.random(),'sn');}">

随机推荐

地址(ADD)：厦门软件园二期望海路63号701E（东南融通旁）邮编(ZIP)：361008

电话：0592-5908028 传真：0592-5908039 咨询信箱：web@lingzhong.cn 咨询OICQ：173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024 ICP备案:闽ICP备05037997号