限制文本字节数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 简单抽屉效果的实现代码
Mar 09 Javascript
基于jquery的button默认enter事件(回车事件)。
May 18 Javascript
jquery高级编程的最佳实践详解
Mar 23 Javascript
jQuery打印图片pdf、txt示例代码
Jul 22 Javascript
js+canvas绘制五角星的方法
Jan 28 Javascript
jQuery插件实现文字无缝向上滚动效果代码
Feb 25 Javascript
easyui form validate总是返回false的原因及解决方法
Nov 07 Javascript
Vue+webpack项目基础配置教程
Feb 12 Javascript
vue实现点击隐藏与显示实例分享
Feb 13 Javascript
微信小程序云函数使用mysql数据库过程详解
Aug 07 Javascript
uni app仿微信顶部导航条功能
Sep 17 Javascript
微信小程序实现电子签名并导出图片
May 27 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分页思路以及在ZF中的使用
2012/05/30 PHP
PHP使用strtotime计算两个给定日期之间天数的方法
2015/03/18 PHP
PHP Echo字符串的连接格式
2016/03/07 PHP
php cookie用户登录的详解及实例代码
2017/01/03 PHP
thinkphp Apache配置重启Apache1 restart 出错解决办法
2017/02/15 PHP
PHP+Oracle本地开发环境搭建方法详解
2019/04/01 PHP
MSN消息提示类
2006/09/05 Javascript
在Ajax中使用Flash实现跨域数据读取的实现方法
2010/12/02 Javascript
深入分析escape()、encodeURI()、encodeURIComponent()的区别及示例
2014/08/04 Javascript
Jquery中使用show()与hide()方法动画显示和隐藏图片
2015/10/08 Javascript
javascript性能优化之DOM交互操作实例分析
2015/12/12 Javascript
Ionic如何实现下拉刷新与上拉加载功能
2016/06/03 Javascript
js判断手机号是否正确并返回的实现代码
2017/01/17 Javascript
vue组件父子间通信详解(三)
2017/11/07 Javascript
详解vuex的简单todolist例子
2019/07/14 Javascript
如何对react hooks进行单元测试的方法
2019/08/14 Javascript
element-ui 本地化使用教程详解
2019/10/28 Javascript
详解vue中使用axios对同一个接口连续请求导致返回数据混乱的问题
2019/11/06 Javascript
[11:44]Ti9 OG夺冠时刻
2019/08/25 DOTA
Python新手实现2048小游戏
2015/03/31 Python
Python的Django REST框架中的序列化及请求和返回
2016/04/11 Python
Python 实现一行输入多个值的方法
2018/04/21 Python
手写一个python迭代器过程详解
2019/08/27 Python
Python如何基于rsa模块实现非对称加密与解密
2020/01/03 Python
Python用input输入列表的实例代码
2020/02/07 Python
pytorch掉坑记录:model.eval的作用说明
2020/06/23 Python
解决python中0x80072ee2错误的方法
2020/07/19 Python
HTML5新标签兼容——&gt; 的两种方法
2018/09/12 HTML / CSS
KIEHL’S科颜氏官方旗舰店:源自美国的顶级护肤品牌
2018/06/07 全球购物
国际象棋商店:The Chess Store
2018/07/09 全球购物
文职个人求职信范文
2013/09/23 职场文书
物流专业大学生的自我鉴定
2013/11/13 职场文书
小学生获奖感言范文
2014/02/02 职场文书
国际贸易毕业生求职信范文
2014/02/21 职场文书
敬老院院长事迹材料
2014/05/21 职场文书
Vue实现下拉加载更多
2021/05/09 Vue.js