巧用JAVASCRIPT代码限制文本字节数:2012年JAVA考试:语言指导-百考试题网

巧用JAVASCRIPT代码限制文本字节数

文章作者 100test 发表时间 2007:05:07 15:53:22
来源 100Test.Com百考试题网

做项目时自己写一段js给大家。关于文本限制字数的问题，在实际开发中经常用到.主要问题出现在对中文的限制，下面代码就解决关于限制字节数的校验问题.只要将此下代码保存到一个js文件中并引入到校验的页面中，便可使用!同时希望大家给与大力支持和宝贵意见，本人会在今后闲余之际，发表更多的好文章，谢谢!!

以下是引用片段：
/*
value: 值；
byteLength：数据库字节长度
title：字段中文名称
attribute：属性名称
使用方法说明：

添加（1） onkeyup="limitLength(this.value,100,名称,name)"
(2) id="name" 或【struts标签】styleId="name"
注意：id名称和 attribute属性名称要一样

例子： <BR><BR> 或 <BR><BR><input type="text" name="explain" id="explain" onkeyup="limitLength(value,5,�语义说明�,�explain�)" > <BR><BR>*/ <BR><BR><BR><BR>function limitLength(value, byteLength, title, attribute) { <BR> var newvalue = value.replace(/[^\x00-\xff]/g, "**"). <BR> var length = newvalue.length. <BR> <BR> //当填写的字节数小于设置的字节数 <BR> if (length * 1 <=byteLength * 1){ <BR> return. <BR> } <BR> var limitDate = newvalue.substr(0, byteLength). <BR> var count = 0. <BR> var limitvalue = "". <BR> for (var i = 0. i < limitDate.length. i ) { <BR> var flat = limitDate.substr(i, 1). <BR> if (flat == "") { <BR> count . <BR> } <BR> } <BR> var size = 0. <BR> var istar = newvalue.substr(byteLength 1 - 1, 1).//校验点是否为“×” <BR> <BR> //if 基点是×. 判断在基点内有×为偶数还是奇数 <BR> if (count % 2 == 0) { <BR> //当为偶数时 <BR> size = count / 2 (byteLength * 1 - count). <BR> limitvalue = value.substr(0, size). <BR> } else { <BR> //当为奇数时 <BR> size = (count - 1) / 2 (byteLength * 1 - count). <BR> limitvalue = value.substr(0, size). <BR> } <BR> alert(title "最大输入" byteLength "个字节（相当于" byteLength /2 "个汉字）！"). <BR> document.getElementById(attribute).value = limitvalue. <BR> return. <BR>} </TD></TR></TBODY></TABLE></P><br> </h6> </div> <blockquote> <BR>相关文章<BR><BR> <BR><a href='https://www.100test.com/kao_ti2020/213/2021_2022__E5_B7_A7_E7_94_A8JAVA_c104_213715.htm' target=_blank>巧用JAVASCRIPT代码限制文本字节数</a><BR> <a href="https://www.china2au.com">澳大利亚华人论坛</a><BR> <a href="https://www.kaohao.com">考好网</a><BR> <a href="https://www.china2japan.com">日本华人论坛</a><BR> <a href="https://www.51yiminDIY.com">华人移民留学论坛</a><BR> <a href="https://www.china2uk.com">英国华人论坛</a><BR> </blockquote> </div> </div> </div> </div> </div> </div> </section>  <footer class="section-padding bg-light-theme pt-0 u-line bg-custom-primary"> </footer> <div class="copyright bg-black"> <div class="container-fluid custom-container"> <div class="row"> <div class="col-lg-4"> </div> <div class="col-lg-4 text-center medewithlove align-self-center"> </div> <div class="col-lg-4"> <div class="copyright-text"> <span class="text-white"> 新版网站调整中，如需联系我们，请Email: evisa2011#gmail.com (#换@） ---- Copyright © 2000-2020.百考试题网 100Test.Com</span> </div> </div> </div> </div> </div>    <script src="/assets/js/jquery.min.js"></script>  <script src="/assets/js/popper.min.js"></script>  <script src="/assets/js/bootstrap.min.js"></script>  <script src="/assets/js/ion.rangeSlider.min.js"></script>  <script src="/assets/js/swiper.min.js"></script>  <script src="/assets/js/jquery.nice-select.min.js"></script>  <script src="/assets/js/jquery.magnific-popup.min.js"></script> <script src="/assets/js/ekko-lightbox.min.js"></script>  <script src="https://ditu.google.cn/maps/api/js?key=AIzaSyDnd9JwZvXty-1gHZihMoFhJtCXmHfeRQg"></script>   <script src="/assets/js/main.js"></script>  </body> </html>