[js]用JAVASCRIPT正则表达式限制文本字节数的代码

2016-02-19 11:32 23 1 收藏

下面是个简单易学的[js]用JAVASCRIPT正则表达式限制文本字节数的代码教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

【 tulaoshi.com - Web开发 】

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


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

添加 (1) onkeyup="limitLength(this.value,100,'名称','name')"  
          (2)  id="name" 或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;   
}   

来源:https://www.tulaoshi.com/n/20160219/1597799.html

延伸阅读
标签: Web开发
代码如下: function CheckForm2() { //mac地址正则表达式 var reg_name=/[A-F\d]{2}:[A-F\d]{2}:[A-F\d]{2}:[A-F\d]{2}:[A-F\d]{2}:[A-F\d]{2}/; if(!reg_name.test(document.form2.mac.value)){ alert("mac地址格式不正确!mac地址格式为00:24:21:19:BD:E4"); document.form2.mac.focus(); return false; } return true; }
标签: Web开发
JS的正则表达式 //校验是否全由数字组成 function isDigit(s) { var patrn=/^[0-9]{1,20}$/; if (!patrn.exec(s)) return false return true } //校验登录名:只能输入5-20个以字母开头、可带数字、“_”、“.”的字串 function isRegisterUserName(s) { var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/; if (!p...
标签: Web开发
javascript正则表达式用法: 代码如下: function checkreg(myreg,mytext) { if(myreg.test(mytext) { alert("ok"); return true; } else { return false; } } //另一种写法 代码如下: function checkreg(myreg,mytext) { var pattern = myreg; //或者 var pattern = new RegExp(myreg,"gi"); if(pattern.test(mytext)) {...
标签: Web开发
我们要解析一个HTML文档时可利用正则表达式取得标签内容 例子: 以从字符串中取出所有A标签的 id号和内容为例: a target="_blank"aaaaaaaaaa/a 正则表达式: a[^]*id[^]*=[^]*"(?ID[^]*)"[^]*target[^]*=[^]*"[^]*_blank[^]*" [^]*(?content[^]*)/a 正则分解: [^]* 是一个很有用的组合,能定位到下一个查询关键字 (?ID[^]*) 用于...
标签: Web开发
签于网上太多的介绍都是一篇凶悍的短文,边看边理解可以,帮助记忆不行。又受五笔字型字根表口诀“白手看头三二斤...”的启发,  试作“正则表达式助记口诀”又名“正则打油诗”,版本0.1,绝对原创,仿冒必究,:)  注:本文仅为学习正则时为了便于记忆而作,不能代替系统而全面的学习过程,错漏之处,敬请指正!  正则其实...

经验教程

657

收藏

71
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部