限制文本字节数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 相关文章推荐
javascript 建设银行登陆键盘
Jun 10 Javascript
jquery win 7透明弹出层效果的简单代码
Aug 06 Javascript
深入分析js的冒泡事件
Dec 05 Javascript
ECMAScript 6即将带给我们新的数组操作方法前瞻
Jan 06 Javascript
JS匹配日期和时间的正则表达式示例
May 12 Javascript
js学习总结_选项卡封装(实例讲解)
Jul 13 Javascript
深入理解Vue 的钩子函数
Sep 05 Javascript
vue移动端弹框组件的实例
Sep 25 Javascript
Element input树型下拉框的实现代码
Dec 21 Javascript
Angular2实现的秒表及改良版示例
May 10 Javascript
JavaScript面向对象程序设计中对象的定义和继承详解
Jul 29 Javascript
原生js实现密码强度验证功能
Mar 18 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
星际中的相关伤害
2020/03/04 星际争霸
php 检查电子邮件函数(自写)
2014/01/16 PHP
Yii框架关联查询with用法分析
2014/12/02 PHP
PHP自动生成缩略图函数的源码示例
2019/03/18 PHP
基于PHP+Mysql简单实现了图书购物车系统的实例详解
2020/08/06 PHP
基于jquery的获取浏览器窗口大小的代码
2011/03/28 Javascript
javascript针对DOM的应用分析(二)
2012/04/15 Javascript
一行代码实现纯数据json对象的深度克隆实现思路
2013/01/09 Javascript
js通过更改按钮的显示样式实现按钮的滑动效果
2014/04/23 Javascript
jQuery中Ajax的load方法详解
2015/01/14 Javascript
jquery密码强度校验
2015/12/02 Javascript
深入理解JavaScript函数参数(推荐)
2016/07/26 Javascript
避免jQuery名字冲突 noConflict()方法
2016/07/30 Javascript
JS 终止执行的实现方法
2016/11/24 Javascript
Angularjs 动态改变title标题(兼容ios)
2016/12/29 Javascript
微信小程序实现多个按钮toggle功能的实例
2017/06/13 Javascript
微信小程序之网络请求简单封装实例详解
2017/06/28 Javascript
Vue2.0 事件的广播与接收(观察者模式)
2018/03/14 Javascript
vue.js多页面开发环境搭建过程
2019/04/24 Javascript
[03:11]不朽宝藏三外观展示
2020/09/18 DOTA
python类继承用法实例分析
2014/10/10 Python
详细解读Python中解析XML数据的方法
2015/10/15 Python
实例讲解Python中整数的最大值输出
2019/03/17 Python
python Gunicorn服务器使用方法详解
2019/07/22 Python
python实现证件照换底功能
2019/08/20 Python
详解PyQt5信号与槽的几种高级玩法
2020/03/24 Python
解决安装新版PyQt5、PyQT5-tool后打不开并Designer.exe提示no Qt platform plugin的问题
2020/04/24 Python
Python绘图之二维图与三维图详解
2020/08/04 Python
详解Python中string模块除去Str还剩下什么
2020/11/30 Python
波兰品牌内衣及泳装网上商店:Astratex.pl
2017/02/03 全球购物
精选干货:Java精选笔试题附答案
2014/01/18 面试题
书法比赛获奖感言
2014/02/10 职场文书
入党申请自荐书范文
2014/02/11 职场文书
关于保护环境的标语
2014/06/09 职场文书
青奥会口号
2014/06/12 职场文书
党的群众路线教育实践活动制度建设计划
2014/11/03 职场文书