限制文本字节数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绑定事件(bind和live的区别介绍)
Aug 23 Javascript
利用cookie记住背景颜色示例代码
Nov 04 Javascript
js创建元素(节点)示例
Jan 02 Javascript
使用javascript实现监控视频播放并打印日志
Jan 05 Javascript
jQuery中scrollLeft()方法用法实例
Jan 16 Javascript
jQuery实现提示密码强度的代码
Jul 15 Javascript
js本地图片预览实现代码
Oct 09 Javascript
微信小程序模板之分页滑动栏
Feb 10 Javascript
js常用的继承--组合式继承
Mar 06 Javascript
JavaScript数据结构与算法之队列原理与用法实例详解
Nov 22 Javascript
ES6使用export和import实现模块化的方法
Sep 10 Javascript
vue实现下拉菜单树
Oct 22 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
phpwind中的数据库操作类
2007/01/02 PHP
php身份证号码检查类实例
2015/06/18 PHP
iOS10推送通知开发教程
2016/09/19 PHP
php+mysql+jquery实现简易的检索自动补全提示功能
2017/04/15 PHP
IE和Mozilla的兼容性汇总event
2007/08/12 Javascript
ExtJS 2.0 GridPanel基本表格简明教程
2010/05/25 Javascript
js函数在frame中的相互调用详解
2014/03/03 Javascript
js获取UserControl内容为拼html时提供方便
2014/11/02 Javascript
jquery中attr和prop的区别分析
2015/03/16 Javascript
JavaScript检测弹出窗口是否已经关闭的方法
2015/03/24 Javascript
JavaScript让Textarea支持tab按键的方法
2015/06/26 Javascript
jQuery实现的图文高亮滚动切换特效实例
2015/08/10 Javascript
JS+CSS实现的经典圆角下拉菜单效果代码
2015/10/21 Javascript
JavaScript实现点击单元格改变背景色的方法
2016/02/12 Javascript
微信小程序 wx.uploadFile在安卓手机上面the same task is working问题解决
2016/12/14 Javascript
微信小程序 地图map实例详解
2017/06/07 Javascript
详解vue项目打包后通过百度的BAE发布到网上的流程
2018/03/05 Javascript
JS中用EL表达式获取上下文参数值的方法
2018/03/28 Javascript
Vue.js进阶知识点总结
2018/04/01 Javascript
基于vue中keep-alive缓存问题的解决方法
2018/09/21 Javascript
js图片查看器插件用法示例
2019/06/22 Javascript
vue中实现点击变成全屏的多种方法
2020/09/27 Javascript
[01:08:17]2018DOTA2亚洲邀请赛3月29日 小组赛B组 EG VS VGJ.T
2018/03/30 DOTA
Python中Django发送带图片和附件的邮件
2017/03/31 Python
Python读写docx文件的方法
2018/05/08 Python
对pandas将dataframe中某列按照条件赋值的实例讲解
2018/11/29 Python
pygame实现俄罗斯方块游戏(基础篇1)
2019/10/29 Python
python读写文件write和flush的实现方式
2020/02/21 Python
python GUI库图形界面开发之PyQt5切换按钮控件QPushButton详细使用方法与实例
2020/02/28 Python
判断Threading.start新线程是否执行完毕的实例
2020/05/02 Python
如何通过python检查文件是否被占用
2020/12/18 Python
Jupyter Notebook添加代码自动补全功能的实现
2021/01/07 Python
Magee 1866官网:Donegal粗花呢外套和大衣专家
2019/11/01 全球购物
运动会广播稿100字
2014/01/11 职场文书
初三数学教学反思
2016/02/17 职场文书
Go 中的空白标识符下划线
2022/03/25 Golang