经典限制文本字节数javaScript代码！

最新推荐文章于 2025-08-08 17:07:36 发布

转载最新推荐文章于 2025-08-08 17:07:36 发布 · 1k 阅读

文章标签：

#javascript #struts #数据库 #function #web

经验技巧之Javascript 专栏收录该内容

61 篇文章

订阅专栏

本文提供了一个JavaScript函数，用于解决在Web开发中常见的中文字符字节数限制问题。该函数能够实时检查并限制用户输入的文本长度，确保符合数据库的字节限制要求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

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

例子：<textarea  name="explain" id="explain" onkeyup="limitLength(value,5,'语义说明','explain')" >

或

<input type="text"   name="explain"  id="explain" onkeyup="limitLength(value,5,'语义说明','explain')" >

*/

function limitLength(value, byteLength, title, attribute) {
        var newvalue = value.replace( / [ ^ /x00 - /xff] / g, " ** " );
        var length = newvalue.length;

        // 当填写的字节数小于设置的字节数
       if (length * 1 <= byteLength * 1 ){
             return ;
      }
       var limitDate = newvalue.substr( 0 , byteLength);
       var count = 0 ;
       var limitvalue = "" ;
      for ( var i = 0 ; i < limitDate.length; i ++ ) {
              var flat = limitDate.substr(i, 1 );
             if (flat == " * " ) {
                  count ++ ;
            }
     }
      var size = 0 ;
      var istar = newvalue.substr(byteLength * 1 - 1 , 1 ); // 校验点是否为“×”

     // if 基点是×; 判断在基点内有×为偶数还是奇数
      if (count % 2 == 0 ) {
               // 当为偶数时
            size = count / 2 + (byteLength * 1 - count);
            limitvalue = value.substr( 0 , size);
    } else {
             // 当为奇数时
            size = (count - 1 ) / 2 + (byteLength * 1 - count);
            limitvalue = value.substr( 0 , size);
    }
   alert(title + " 最大输入 " + byteLength + " 个字节（相当于 " + byteLength / 2 + " 个汉字）！ " );
   document.getElementById(attribute).value = limitvalue;
    return ;
}