限制文本字节数js代码


Posted in Javascript onMarch 06, 2007

做项目时自己写一段js给大家。关于文本限制字数的问题,在实际开发中经常用到;主要问题出现在对中文的限制,下面代码就解决关于限制字节数的校验问题;只要将此下代码保存到一个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;
}

Javascript 相关文章推荐
js修改table中Td的值(定义td的单击事件)
Jan 10 Javascript
Jquery之Bind方法参数传递与接收的三种方法
Jun 24 Javascript
深入理解JavaScript系列(28):设计模式之工厂模式详解
Mar 03 Javascript
jquery实现的省市区三级联动
Apr 02 Javascript
实现高性能JavaScript之执行与加载
Jan 30 Javascript
微信小程序加载更多 点击查看更多
Nov 29 Javascript
javascript基础进阶_深入剖析执行环境及作用域链
Sep 05 Javascript
JS去掉字符串中所有的逗号
Oct 18 Javascript
浅谈vue项目可以从哪些方面进行优化
May 05 Javascript
js实现轮播图的完整代码
Oct 26 Javascript
JS计算两个数组的交集、差集、并集、补集(多种实现方式)
May 21 Javascript
简单了解vue中父子组件如何相互传递值(基础向)
Jul 12 Javascript
用Div仿showModalDialog模式菜单的效果的代码
Mar 05 #Javascript
HTML-CSS群中单选引发的“事件”
Mar 05 #Javascript
用javascript实现页面打印的三种方法
Mar 05 #Javascript
一个可以显示阴历的JS代码
Mar 05 #Javascript
JavaScript实现Sleep函数的代码
Mar 04 #Javascript
Javascript中暂停功能的实现代码
Mar 04 #Javascript
参考:关于Javascript中实现暂停的几篇文章
Mar 04 #Javascript
You might like
php中ob(Output Buffer 输出缓冲)函数使用方法
2007/07/21 PHP
PHP对字符串的递增运算分析
2010/08/08 PHP
php_screw 1.5:php加密: 安装与使用详解
2013/06/20 PHP
PHP使用数组依次替换字符串中匹配项
2016/01/08 PHP
Joomla开启SEF的方法
2016/05/04 PHP
PHP实现多关键字加亮功能
2016/10/21 PHP
php微信公众号开发之音乐信息
2018/10/20 PHP
JQuery的ajax基础上的超强GridView展示
2009/09/18 Javascript
JS 动态获取节点代码innerHTML分析 [IE,FF]
2009/11/30 Javascript
jQuery实现Twitter的自动文字补齐特效
2014/11/28 Javascript
jQuery版本升级踩坑大全
2016/01/12 Javascript
angular指令笔记ng-options的使用方法
2017/09/18 Javascript
使用express+multer实现node中的图片上传功能
2018/02/02 Javascript
Vue中消息横向滚动时setInterval清不掉的问题及解决方法
2019/08/23 Javascript
package.json配置文件构成详解
2019/08/27 Javascript
extjs4图表绘制之折线图实现方法分析
2020/03/06 Javascript
原生JS封装拖动验证滑块的实现代码示例
2020/06/01 Javascript
JavaScript编写开发动态时钟
2020/07/29 Javascript
vue使用echarts实现水平柱形图实例
2020/09/09 Javascript
Python实现栈的方法
2015/05/26 Python
python语言中with as的用法使用详解
2018/02/23 Python
python调用虹软2.0第三版的具体使用
2019/02/22 Python
详解Python Qt的窗体开发的基本操作
2019/07/14 Python
python实现对图片进行旋转,放缩,裁剪的功能
2019/08/07 Python
Python中的list与tuple集合区别解析
2019/10/12 Python
Python利用Scrapy框架爬取豆瓣电影示例
2020/01/17 Python
解决python replace函数替换无效问题
2020/01/18 Python
html+css实现自定义图片上传按钮功能
2019/09/04 HTML / CSS
1688平价精选商城:阿里集团旗下,工厂出厂价格直销
2017/04/24 全球购物
长曲棍球装备:Lacrosse Monkey
2020/12/02 全球购物
《陶罐和铁罐》教学反思
2014/02/19 职场文书
企业节能减排实施方案
2014/03/19 职场文书
党的群众路线批评与自我批评发言稿
2014/10/16 职场文书
2015元旦主持词开场白和结束语
2014/12/14 职场文书
《风筝》教学反思
2016/02/23 职场文书
世界十大儿童漫画书排名,法国国宝漫画排第五,第二是轰动日本连环
2022/03/18 欧美动漫