限制文本字节数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 相关文章推荐
关于jQuery的inArray 方法介绍
Oct 08 Javascript
JavaScript函数的4种调用方法详解
Apr 22 Javascript
js文本框走动跑马灯效果代码分享
Aug 25 Javascript
浅析JavaScript中浏览器的兼容问题
Apr 19 Javascript
使用JS轻松实现ionic调用键盘搜索功能(超实用)
Sep 06 Javascript
对Angular.js Controller如何进行单元测试
Oct 25 Javascript
Jquery Easyui自定义下拉框组件使用详解(21)
Dec 31 Javascript
js手机号批量滚动抽奖实现代码
Apr 17 Javascript
简单的JS控制button颜色随点击更改的实现方法
Apr 17 Javascript
详解puppeteer使用代理
Dec 27 Javascript
微信小程序中button去除默认的边框实例代码
Aug 01 Javascript
vue 自动化路由实现代码
Sep 03 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教程之PHP中shell脚本的使用方法分享
2012/02/23 PHP
解析百度搜索结果link?url=参数分析 (全)
2012/10/09 PHP
PHP curl实现抓取302跳转后页面的示例
2014/07/04 PHP
php输入数据统一类实例
2015/02/23 PHP
Yii2汉字转拼音类的实例代码
2017/04/18 PHP
PHP连续签到功能实现方法详解
2019/12/04 PHP
javascript实现checkbox全选的代码
2015/04/30 Javascript
javascript数组去重的六种方法汇总
2015/08/16 Javascript
JavaScript基础篇(6)之函数表达式闭包
2015/12/11 Javascript
JS获取鼠标坐标位置实例分析
2016/01/20 Javascript
jquery分页插件jquery.pagination.js实现无刷新分页
2016/04/01 Javascript
JS+CSS3模拟溢出滚动效果
2016/08/12 Javascript
vue.js 使用v-if v-else发现没有执行解决办法
2017/05/15 Javascript
JS调用安卓手机摄像头扫描二维码
2018/10/16 Javascript
微信小程序使用map组件实现检索(定位位置)周边的POI功能示例
2019/01/23 Javascript
js事件触发操作实例分析
2019/06/21 Javascript
vue如何限制只能输入正负数及小数
2019/07/04 Javascript
JavaScript定时器常见用法实例分析
2019/11/15 Javascript
JavaScript 几种循环方式以及模块化的总结
2020/09/03 Javascript
[13:40]TI3青蛙君全程回顾 DOTA2我们为梦想再战
2013/09/13 DOTA
[42:24]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第一场 11.01
2020/11/02 DOTA
使用相同的Apache实例来运行Django和Media文件
2015/07/22 Python
Python基本数据结构之字典类型dict用法分析
2019/06/08 Python
python识别文字(基于tesseract)代码实例
2019/08/24 Python
使用 Python 清理收藏夹里已失效的网站
2019/12/03 Python
Canvas系列之滤镜效果
2019/02/12 HTML / CSS
DHC中国官方购物网站:日本通信销售No.1化妆品
2016/08/20 全球购物
Corelle官方网站:购买康宁餐具
2016/11/02 全球购物
请说出以下代码输出什么
2013/08/30 面试题
物流管理专业大学生自荐信
2013/10/04 职场文书
金融学专科生自我鉴定
2014/02/21 职场文书
自我介绍演讲稿范文
2014/08/21 职场文书
运动会报道稿300字
2014/10/02 职场文书
会议主持词结束语
2015/07/03 职场文书
信息技术研修心得体会
2016/01/08 职场文书
学生早退检讨书(范文)
2019/08/19 职场文书