限制文本字节数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 相关文章推荐
Extjs显示从数据库取出时间转换JSON后的出现问题
Nov 20 Javascript
javascript的offset、client、scroll使用方法详解
Dec 25 Javascript
js计算字符串长度包含的中文是utf8格式
Oct 15 Javascript
div模拟滚动条效果示例代码
Oct 16 Javascript
浅析$.getJSON异步请求和同步请求
Jun 06 Javascript
JavaScript中三个等号和两个等号的区别(== 和 ===)浅析
Sep 22 Javascript
利用jquery如何从json中读取数据追加到html中
Dec 01 jQuery
Vue仿今日头条实例详解
Feb 06 Javascript
详解js根据百度地图提供经纬度计算两点距离
May 13 Javascript
layer.js之回调销毁对话框的例子
Sep 11 Javascript
Vue项目打包部署到iis服务器的配置方法
Oct 14 Javascript
javascript实现随机抽奖功能
Dec 30 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
JavaScript对象、属性、事件手册集合方便查询
2010/07/04 Javascript
用javascript模仿ie的自动完成类似自动完成功的表单
2012/12/12 Javascript
面向对象继承实例(a如何继承b问题)(自写)
2013/07/01 Javascript
JQuery下拉框应用示例介绍
2014/04/23 Javascript
JavaScript中检查对象property的存在性方法介绍
2014/12/30 Javascript
JS限制文本框只能输入数字和字母方法
2015/02/28 Javascript
jquery模拟alert的弹窗插件
2015/07/31 Javascript
javascript之Array 数组对象详解
2016/06/07 Javascript
最佳的JavaScript错误处理实践
2016/07/16 Javascript
js中 计算两个日期间的工作日的简单实例
2016/08/08 Javascript
javascript的document中的动态添加标签实现方法
2016/10/24 Javascript
Bootstrap table 定制提示语的加载过程
2017/02/20 Javascript
几行js代码实现自适应
2017/02/24 Javascript
async/await与promise(nodejs中的异步操作问题)
2017/03/03 NodeJs
如何使用Bootstrap创建表单
2017/03/29 Javascript
JS获取字符对应的ASCII码实例
2017/09/10 Javascript
jQuery实现的表格前端排序功能示例
2017/09/18 jQuery
vue watch监控对象的简单方法示例
2021/01/07 Vue.js
Python下使用Psyco模块优化运行速度
2015/04/05 Python
python中requests使用代理proxies方法介绍
2017/10/25 Python
对numpy数据写入文件的方法讲解
2018/07/09 Python
Django模板Templates使用方法详解
2019/07/19 Python
python 环境搭建 及python-3.4.4的下载和安装过程
2019/07/20 Python
django认证系统实现自定义权限管理的方法
2019/08/28 Python
python 实现绘制整齐的表格
2019/11/18 Python
python定义类self用法实例解析
2020/01/22 Python
Python json模块与jsonpath模块区别详解
2020/03/05 Python
深入理解Python 多线程
2020/06/16 Python
Kears 使用:通过回调函数保存最佳准确率下的模型操作
2020/06/17 Python
如何在pycharm中安装第三方包
2020/10/27 Python
Matplotlib中rcParams使用方法
2021/01/05 Python
推荐一些比较有用的css3新属性
2014/11/11 HTML / CSS
css3 transform过渡抖动问题解决
2020/10/23 HTML / CSS
意大利奢侈品综合电商网站:MODES
2019/12/14 全球购物
美国工业用品采购网站:Zoro.com
2020/10/27 全球购物
迷你西餐厅创业计划书范文
2013/12/31 职场文书