限制文本字节数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脚本函数库 方便开发
Oct 13 Javascript
自写的一个jQuery圆角插件
Oct 26 Javascript
jQuery对表单的操作代码集合
Apr 06 Javascript
jquery插件validate验证的小例子
May 08 Javascript
node.js中的fs.write方法使用说明
Dec 15 Javascript
checkbox批量选中,获取选中项的值的简单实例
Jun 28 Javascript
JS实现的随机排序功能算法示例
Jun 09 Javascript
基于vue-cli 打包时抽离项目相关配置文件详解
Mar 07 Javascript
JavaScript运行机制实例分析
Apr 11 Javascript
Vue 样式切换及三元判断样式关联操作
Aug 09 Javascript
nuxt.js 在middleware(中间件)中实现路由鉴权操作
Nov 06 Javascript
vue backtop组件的实现完整代码
Apr 07 Vue.js
用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生成静态页面分析 模板+缓存+写文件
2009/08/17 PHP
DOM基础及php读取xml内容操作的方法
2015/01/23 PHP
php-fpm添加service服务的例子
2018/04/27 PHP
实例化php类时传参的方法分析
2020/06/05 PHP
js 动态选中下拉框
2009/11/26 Javascript
jquery 新浪网易的评论块制作
2010/07/01 Javascript
js实现日历可获得指定日期周数及星期几示例分享(js获取星期几)
2014/03/14 Javascript
深入浅析JavaScript中的constructor
2016/04/19 Javascript
jQGrid动态填充select下拉框的选项值(动态填充)
2016/11/28 Javascript
js正则表达式验证表单【完整版】
2017/03/06 Javascript
微信小程序自定义导航隐藏和显示功能
2017/06/13 Javascript
微信小程序 获取session_key和openid的实例
2017/08/17 Javascript
JavaScript中各数制转换全面总结
2017/08/21 Javascript
纯js实现图片匀速淡入淡出效果
2017/08/22 Javascript
js实现QQ面板拖拽效果(慕课网DOM事件探秘)(全)
2017/09/19 Javascript
vue实现将一个数组内的相同数据进行合并
2019/11/07 Javascript
[01:09:13]DOTA2-DPC中国联赛 正赛 CDEC vs XG BO3 第三场 1月19日
2021/03/11 DOTA
Python的自动化部署模块Fabric的安装及使用指南
2016/01/19 Python
Python中最大最小赋值小技巧(分享)
2017/12/23 Python
Python使用jupyter notebook查看ipynb文件过程解析
2020/06/02 Python
StubHub西班牙:购买和出售全球活动门票
2017/06/05 全球购物
巴西儿童时尚购物网站:Dinda
2019/08/14 全球购物
屈臣氏越南官网:Watsons越南
2021/01/14 全球购物
清扬洗发水广告词
2014/03/14 职场文书
解除劳动合同协议书范本
2014/04/14 职场文书
身边的榜样活动方案
2014/08/20 职场文书
个人买房协议书范本
2014/10/06 职场文书
党员反对四风思想汇报范文
2014/10/25 职场文书
欢迎词范文
2015/01/27 职场文书
搞笑婚前保证书
2015/02/28 职场文书
2015年组织部工作总结
2015/04/03 职场文书
遗愿清单观后感
2015/06/09 职场文书
繁星春水读书笔记
2015/06/30 职场文书
关于践行三严三实的心得体会
2016/01/05 职场文书
小学三年级作文之写景
2019/11/05 职场文书
sql通过日期判断年龄函数的示例代码
2021/07/16 SQL Server