限制文本字节数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编程起步(第一课)
Jan 10 Javascript
jQuery中innerWidth()方法用法实例
Jan 19 Javascript
JavaScript数据结构和算法之图和图算法
Feb 11 Javascript
js window对象属性和方法相关资料整理
Nov 11 Javascript
react-router v4如何使用history控制路由跳转详解
Jan 09 Javascript
layer弹出层取消遮罩的方法
Sep 25 Javascript
jquery 时间戳转日期过程详解
Oct 12 jQuery
Vue Router 实现动态路由和常见问题及解决方法
Mar 06 Javascript
JS 逻辑判断不要只知道用 if-else 和 switch条件判断(小技巧)
May 27 Javascript
通过JS判断网页是否为手机打开
Oct 28 Javascript
微信小程序实现页面监听自定义组件的触发事件
Nov 01 Javascript
Js类的构建与继承案例详解
Sep 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操作mysql执行数据库查询的一些常用操作汇总
2013/06/24 PHP
php使用simplexml_load_file加载XML文件并显示XML的方法
2015/03/19 PHP
PDO::_construct讲解
2019/01/27 PHP
js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性
2013/01/04 Javascript
bootstrap data与jquery .data
2014/07/07 Javascript
JS简单实现多级Select联动菜单效果代码
2015/09/06 Javascript
JS实现三个层重叠点击互相切换的方法
2015/10/06 Javascript
jQuery同步提交示例代码
2015/12/12 Javascript
jQuery Ajax 全局调用封装实例代码详解
2016/06/02 Javascript
浅谈js中调用函数时加不加括号的问题
2016/07/28 Javascript
详解从Vue.js源码看异步更新DOM策略及nextTick
2017/10/11 Javascript
js提取中文拼音首字母的封装工具类
2018/03/12 Javascript
在Vue-cli里应用Vuex的state和mutations方法
2018/09/16 Javascript
解决layui表格内文本超出隐藏的问题
2019/09/12 Javascript
详解javascript中var与ES6规范中let、const区别与用法
2020/01/11 Javascript
[51:15]完美世界DOTA2联赛PWL S2 PXG vs Magma 第一场 11.21
2020/11/24 DOTA
Python 元类使用说明
2009/12/18 Python
用python删除java文件头上版权信息的方法
2014/07/31 Python
使用python读取csv文件快速插入数据库的实例
2018/06/21 Python
[原创]Python入门教程5. 字典基本操作【定义、运算、常用函数】
2018/11/01 Python
Python实现的调用C语言函数功能简单实例
2019/03/13 Python
扩展Django admin的list_filter()可使用范围方法
2019/08/21 Python
如何关掉pycharm中的python console(图解)
2019/10/31 Python
Python字典深浅拷贝与循环方式方法详解
2020/02/09 Python
python判断变量是否为int、字符串、列表、元组、字典的方法详解
2020/02/13 Python
Python tkinter 下拉日历控件代码
2020/03/04 Python
定义一结构体数组表示分数,并求两个分数相加之和
2013/06/11 面试题
商场消防演习方案
2014/02/12 职场文书
2014年流动人口工作总结
2014/11/26 职场文书
解除劳动关系协议书2篇
2014/11/28 职场文书
幼儿园门卫安全责任书
2015/05/08 职场文书
电台广播稿范文
2015/08/19 职场文书
2016年端午节校园广播稿
2015/12/18 职场文书
Python 线程池模块之多线程操作代码
2021/05/20 Python
《王国之心》迎来了发售的20周年, 野村哲发布贺图
2022/04/11 其他游戏