限制文本字节数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 相关文章推荐
Ext JS Grid在IE6 下宽度的问题解决方法
Feb 15 Javascript
Jquery实现简单的动画效果代码
Mar 18 Javascript
了解了这些才能开始发挥jQuery的威力
Oct 10 Javascript
扩展IE中一些不兼容的方法如contains、startWith等等
Jan 09 Javascript
JavaScript indexOf方法入门实例(计算指定字符在字符串中首次出现的位置)
Oct 17 Javascript
使用jquery菜单插件HoverTree仿京东无限级菜单
Dec 18 Javascript
jQuery背景插件backstretch使用指南
Apr 21 Javascript
js实现div在页面拖动效果
May 04 Javascript
JS原生数据双向绑定实现代码
Aug 14 Javascript
React Native中NavigatorIOS组件的简单使用详解
Jan 27 Javascript
vue中锚点的三种方法
Jul 06 Javascript
javascript网页随机点名实现过程解析
Oct 15 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原创论坛
2006/10/09 PHP
PHP用GD库生成高质量的缩略图片
2011/03/09 PHP
PHP explode()函数用法、切分字符串
2012/10/03 PHP
解析如何在PHP下载文件名中解决乱码的问题
2013/06/20 PHP
PHP中array_map与array_column之间的关系分析
2014/08/19 PHP
JS+PHP实现用户输入数字后显示最大的值及所在位置
2017/06/19 PHP
bcastr2.0 通用的图片浏览器
2006/11/22 Javascript
JS backgroundImage控制
2009/05/19 Javascript
基于jquery的回到页面顶部按钮
2011/06/27 Javascript
基于JavaScript自定义构造函数的详解说明
2013/04/24 Javascript
JavaScript获取客户端计算机硬件及系统等信息的方法
2014/01/02 Javascript
JavaScript检查数字是否为整数或浮点数的方法
2015/06/09 Javascript
基于JS实现密码框(password)中显示文字提示功能代码
2016/05/27 Javascript
jQuery利用sort对DOM元素进行排序操作
2016/11/07 Javascript
jQuery插件ajaxFileUpload使用详解
2017/01/10 Javascript
写给小白看的JavaScript异步
2017/11/29 Javascript
使用vue-cli+webpack搭建vue开发环境的方法
2017/12/22 Javascript
详解React中合并单元格的正确写法
2019/01/08 Javascript
[01:52]深扒TI7聊天轮盘语音出处7
2017/05/11 DOTA
压缩包密码破解示例分享(类似典破解)
2014/01/17 Python
跟老齐学Python之数据类型总结
2014/09/24 Python
wxpython中Textctrl回车事件无效的解决方法
2016/07/21 Python
详解Golang 与python中的字符串反转
2017/07/21 Python
Python实现判断并移除列表指定位置元素的方法
2018/04/13 Python
基于随机梯度下降的矩阵分解推荐算法(python)
2018/08/31 Python
python 求10个数的平均数实例
2019/12/16 Python
Python标准库json模块和pickle模块使用详解
2020/03/10 Python
python利用线程实现多任务
2020/09/18 Python
使用HTML5拍照示例代码
2013/08/06 HTML / CSS
The North Face北面美国官网:美国著名户外品牌
2018/09/15 全球购物
北承题目(C++)
2012/05/16 面试题
节约用水的口号
2014/06/20 职场文书
党建目标管理责任书
2014/07/25 职场文书
质量保证书
2015/01/17 职场文书
人事行政主管岗位职责
2015/04/09 职场文书
新闻稿件写作技巧
2015/07/18 职场文书