限制文本字节数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 相关文章推荐
使用非html5实现js板连连看游戏示例代码
Sep 22 Javascript
兼容Firefox的Javascript XSLT 处理XML文件
Dec 31 Javascript
基于JavaScript操作DOM常用的API小结
Dec 01 Javascript
浅谈jquery的html方法里包含特殊字符的处理
Nov 30 Javascript
BootStrapTable服务器分页实例解析
Dec 20 Javascript
Vue.js实现价格计算器功能
Mar 30 Javascript
jquery应用实例分享_实现手风琴特效
Feb 01 jQuery
深入理解 Koa 框架中间件原理
Oct 18 Javascript
JS使用Prim算法和Kruskal算法实现最小生成树
Jan 17 Javascript
JS实现盒子跟着鼠标移动及键盘方向键控制盒子移动效果示例
Jan 29 Javascript
解决layer.prompt无效的问题
Sep 24 Javascript
小程序自定义模板实现吸顶功能
Jan 08 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
一个图形显示IP的PHP程序代码
2007/10/19 PHP
兼容各大浏览器带关闭按钮的漂浮多组图片广告代码
2014/06/05 PHP
PHP中explode函数和split函数的区别小结
2016/08/24 PHP
php版微信公众账号第三方管理工具开发简明教程
2016/09/23 PHP
php封装的验证码工具类完整实例
2016/10/19 PHP
PHP文件管理之实现网盘及压缩包的功能操作
2017/09/20 PHP
PHP设计模式之工厂模式(Factory Pattern)的讲解
2019/03/21 PHP
Chrome中模态对话框showModalDialog返回值问题的解决方法
2010/05/25 Javascript
javascript计算星座属相(十二生肖属相)示例代码
2014/01/09 Javascript
基于Jquery easyui 选中特定的tab
2015/11/17 Javascript
实例代码讲解jquery easyui动态tab页
2015/11/17 Javascript
jquery操作select元素和option的实例代码
2016/02/03 Javascript
微信小程序 生命周期详解
2016/10/12 Javascript
Vue.js手风琴菜单组件开发实例
2017/05/16 Javascript
vue自定义移动端touch事件之点击、滑动、长按事件
2018/07/10 Javascript
前后端如何实现登录token拦截校验详解
2018/09/03 Javascript
React 项目迁移 Webpack Babel7的实现
2018/09/12 Javascript
[00:31]2016完美“圣”典风云人物:国士无双宣传片
2016/12/04 DOTA
[01:36:17]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第一场 1月31日
2021/03/11 DOTA
Python获取远程文件大小的函数代码分享
2014/05/13 Python
Python多线程编程(五):死锁的形成
2015/04/05 Python
详解Python 模拟实现生产者消费者模式的实例
2017/08/10 Python
在Python中Dataframe通过print输出多行时显示省略号的实例
2018/12/22 Python
Python获取Redis所有Key以及内容的方法
2019/02/19 Python
python中return不返回值的问题解析
2020/07/22 Python
Python中Pyspider爬虫框架的基本使用详解
2021/01/27 Python
css3+jq创作含苞待放的荷花
2014/02/20 HTML / CSS
HTML5 SEO优化的一些建议
2020/08/27 HTML / CSS
美国美发品牌:Bumble and Bumble
2016/10/08 全球购物
日本亚马逊官方网站:Amazon.co.jp
2020/04/14 全球购物
日语系毕业生推荐信
2013/11/11 职场文书
小学信息技术教学反思
2014/02/10 职场文书
外联部演讲稿
2014/05/24 职场文书
2015年社区国庆节活动总结
2015/07/30 职场文书
python实现网络五子棋
2021/04/11 Python
Java设计模式中的命令模式
2022/04/28 Java/Android