关于文本限制字数的js代码


Posted in Javascript onApril 02, 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 相关文章推荐
快速排序 php与javascript的不同之处
Feb 22 Javascript
jquery 列表双向选择器之改进版
Aug 09 Javascript
纯JS实现动态时间显示代码
Feb 08 Javascript
JavaScript设计模式初探
Jan 07 Javascript
基于javascript实现表格的简单操作
May 21 Javascript
js数组与字符串常用方法总结
Jan 13 Javascript
详解angular2实现ng2-router 路由和嵌套路由
Mar 24 Javascript
Javarscript中模块(module)、加载(load)与捆绑(bundle)详解
May 28 Javascript
详解基于vue-router的动态权限控制实现方案
Sep 28 Javascript
layer.close()关闭进度条和Iframe窗的方法
Aug 17 Javascript
Vue.extend实现挂载到实例上的方法
May 01 Javascript
基于element-ui封装可搜索的懒加载tree组件的实现
May 22 Javascript
屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键 的javascript代码
Apr 01 #Javascript
Javascript中的常见排序算法
Mar 27 #Javascript
一段多浏览器的&quot;复制到剪贴板&quot;javascript代码
Mar 27 #Javascript
CSDN轮换广告图片轮换效果
Mar 27 #Javascript
[原创]提供复制本站内容时出现,该文章转自脚本之家等字样的js代码
Mar 27 #Javascript
驱动事件的addEvent.js代码
Mar 27 #Javascript
网页自动刷新,不产生嗒嗒声的一个解决方法
Mar 27 #Javascript
You might like
处理php自动反斜杠的函数代码
2010/01/05 PHP
php多重接口的实现方法
2015/06/20 PHP
php大小写转换函数(strtolower、strtoupper)用法介绍
2017/11/17 PHP
juqery 学习之五 文档处理 包裹、替换、删除、复制
2011/02/11 Javascript
JS跨域代码片段
2012/08/30 Javascript
seajs1.3.0源码解析之module依赖有序加载
2012/11/07 Javascript
javascript提取URL的搜索字符串中的参数(自定义函数实现)
2013/01/22 Javascript
单击浏览器右上角的X关闭窗口弹出提示的小例子
2013/06/12 Javascript
js+css实现的圆角边框TAB选项卡滑动门代码分享(2款)
2015/08/26 Javascript
javascript实现在指定元素中垂直水平居中
2015/09/13 Javascript
jQuery基于muipicker实现仿ios时间选择
2016/02/22 Javascript
解决option标签selected=&quot;selected&quot;属性失效的问题
2017/11/06 Javascript
详解NODEJS的http实现
2018/01/04 NodeJs
微信小程序实现YDUI的ScrollNav组件
2018/02/02 Javascript
vue编译打包本地查看index文件的方法
2018/02/23 Javascript
express默认日志组件morgan的方法
2018/04/05 Javascript
解决vue admin element noCache设置无效的问题
2019/11/12 Javascript
Vue使用vue-draggable 插件在不同列表之间拖拽功能
2020/03/12 Javascript
[46:57]EG vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
对python中array.sum(axis=?)的用法介绍
2018/06/28 Python
python3.6使用urllib完成下载的实例
2018/12/19 Python
python 魔法函数实例及解析
2019/09/25 Python
Python OrderedDict字典排序方法详解
2020/05/21 Python
pycharm中leetcode插件使用图文详解
2020/12/07 Python
Python3.9.1中使用split()的处理方法(推荐)
2021/02/07 Python
CSS+jQuery实现的在线答题功能
2015/04/25 HTML / CSS
意大利奢侈品多品牌集合店:TheDoubleF
2019/08/24 全球购物
师范生实习个人的自我评价
2013/09/28 职场文书
《在山的那边》教学反思
2014/02/23 职场文书
网络技术专业求职信
2014/07/13 职场文书
整顿机关作风心得体会
2014/09/10 职场文书
2014年大学教师工作总结
2014/12/02 职场文书
市场部经理岗位职责
2015/02/02 职场文书
老人节主持词
2015/07/04 职场文书
小学体育组工作总结
2015/08/13 职场文书
go语言基础 seek光标位置os包的使用
2021/05/09 Golang