posts - 6,comments - 7,trackbacks - 0

    
    做项目时自己写一段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 ;
}

posted on 2006-09-11 12:53 扁豆 阅读(518) 评论(2)  编辑  收藏

FeedBack:
# re: 经典限制文本字节数javaScript代码!
2006-09-28 19:14 | 流氓
不错,此方法比较好用!  回复  更多评论
  
# re: 经典限制文本字节数javaScript代码!
2006-12-01 11:16 | allen[匿名]
已经用在项目中啦!多谢  回复  更多评论
  

只有注册用户登录后才能发表评论。


网站导航: