限制文本字节数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 26 Javascript
在textarea中显示html页面的javascript代码
Apr 20 Javascript
jQuery 图像裁剪插件Jcrop的简单使用
May 22 Javascript
Jquery 点击按钮显示和隐藏层的代码
Jul 25 Javascript
Jquery 动态生成表格示例代码
Dec 24 Javascript
Highcharts入门之简介
Aug 02 Javascript
详解React Native 采用Fetch方式发送跨域POST请求
Nov 15 Javascript
动态加载权限管理模块中的Vue组件
Jan 16 Javascript
Vue作用域插槽slot-scope实例代码
Sep 05 Javascript
微信小程序利用swiper+css实现购物车商品删除功能
Mar 06 Javascript
基于vue的tab-list类目切换商品列表组件的示例代码
Feb 14 Javascript
使用refresh_token实现无感刷新页面
Apr 26 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中删除字符串中最先出现某个字符的实现代码
2013/02/03 PHP
php empty()与isset()区别的详细介绍
2013/06/17 PHP
PHP基于单例模式实现的mysql类
2016/01/09 PHP
php中this关键字用法分析
2016/12/07 PHP
JavaScript Undefined,Null类型和NaN值区别
2008/10/22 Javascript
Javascript的数组与字典用法与遍历对象的属性技巧
2012/11/07 Javascript
Eclipse去除js(JavaScript)验证错误
2014/02/11 Javascript
nodejs开发环境配置与使用
2014/11/17 NodeJs
js控制文本框输入的字符类型方法汇总
2015/06/19 Javascript
javascript实现的多个层切换效果通用函数实例
2015/07/06 Javascript
JavaScript中调用函数的4种方式代码实例
2015/07/08 Javascript
javascript实现tab切换的两个实例
2015/11/05 Javascript
深入理解jQuery中的事件冒泡
2016/05/24 Javascript
Node.js 日志处理模块log4js
2016/08/28 Javascript
jQuery绑定事件的四种方式介绍
2016/10/31 Javascript
Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码
2017/08/22 Javascript
静态页面实现 include 引入公用代码的示例
2017/09/25 Javascript
JavaScript实现点击出现图片并统计点击次数功能示例
2018/07/23 Javascript
jQuery常见的遍历DOM操作详解
2018/09/05 jQuery
如何用Node写页面爬虫的工具集
2018/10/26 Javascript
Node.js操作MongoDB数据库实例分析
2020/01/19 Javascript
[54:30]Liquid vs Newbee 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python使用新浪微博API发送微博的例子
2014/04/10 Python
Python下rrdtool模块的基本使用方法
2015/11/13 Python
SELENIUM自动化模拟键盘快捷键操作实现解析
2019/10/28 Python
详解Python之Scrapy爬虫教程NBA球员数据存放到Mysql数据库
2021/01/24 Python
Fossil美国官网:化石手表、手袋、首饰及配饰
2019/02/17 全球购物
酒店管理毕业生自荐信
2013/10/24 职场文书
应届生财务管理求职信
2013/11/06 职场文书
寒假实习自荐信
2014/01/26 职场文书
名企HR怎样看待求职信
2014/02/23 职场文书
团结就是力量演讲稿
2014/05/21 职场文书
小米11和iphone12哪个值得买?小米11对比iphone12评测
2021/04/21 数码科技
python中的装饰器该如何使用
2021/06/18 Python
浅谈Python协程asyncio
2021/06/20 Python
PHP RabbitMQ消息列队
2022/05/11 PHP