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

2016-02-19 17:34 6 1 收藏

今天图老师小编给大家介绍下巧用JAVASCRIPT代码限制文本字节数,平时喜欢巧用JAVASCRIPT代码限制文本字节数的朋友赶紧收藏起来吧!记得点赞哦~

【 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')" 或 inputtype="text" name="explain" id="explain"onkeyup="limitLength(value,5,'语义说明','explain')" */ functionlimitLength(value,byteLength,title,attribute){    varnewvalue=value.replace(/[^x00-xff]/g,"**");    varlength=newvalue.length;     //当填写的字节数小于设置的字节数    if(length*1=byteLength*1){       return;    }    varlimitDate=newvalue.substr(0,byteLength);    varcount=0;    varlimitvalue="";   for(vari=0;ilimitDate.length;i++){       varflat=limitDate.substr(i,1);       if(flat=="*"){          count++;       }   }   varsize=0;   varistar=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; }

来源:http://www.tulaoshi.com/n/20160219/1615549.html

延伸阅读
标签: Web开发
小写英文: 大写英文: 任意数字: 限2位小数: 如: 123.12日 期: 如: 2002-9-29任意中文: 部分英文: 范围: a,b,c,d,e部分中文: 范围: 一二三四五六七八九十 [Ctrl+A 全选]
标签: Web开发
本数据绑定系列的第三部分演示了如何使用JSR-031:数据绑定,Sun 数据绑定规范申请中指定的方法,将 XML 元素和属性转换成 Java 对象。这部分主要讲述从数据的 XML 表示移到应用程序代码易于使用的 Java 实例。第三部分论及通过将 XML 文档中的嵌套元素取消编组成 Java 对象、测试和用某些实际示例来使用新的工具。 本系列的目标是演示...
标签: Web开发
script type="text/javascript" /*************************************************************      Author         : Yanfu Xie xieyanfu@yahoo.com.cn      Url         : http://www.yitu.org  ...
标签: word
在Word2010中设置SmartArt图形文本字体   用户可以根据需要设置Word2010文档SmartArt图形中的文本字体,主要包括设置主题字体和tulaoshi特定文本字体两种情况。 1.设置主题字体 通过设置主题字体,可以使当前Word2010文档中的所有SmartArt图形文本具有相同的字体,操作步骤如下所述: 第1步,打开Word2010文档窗口,单...
标签: word
怎样在Word2013中设置SmartArt文本字体   在Word2013文档中,用户可以根据需要设置SmartArt图形中的文本字体,主要包括设置主题字体和选定文本字体两种情况。 1.设置主题字体 通过设置主题字体,可以使当前Word2013文档中的所有SmartArt图形文本具有相同的字体,操作步骤如下所述: 第1步,打开Word2013文档窗口,单击...

经验教程

553

收藏

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