关于文本限制字数的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 相关文章推荐
js每次Title显示不同的名言
Sep 25 Javascript
json-lib出现There is a cycle in the hierarchy解决办法
Feb 24 Javascript
JS Excel读取和写入操作(模板操作)实现代码
Apr 11 Javascript
对之前写的jquery分页做下升级
Jun 19 Javascript
jQuery判断checkbox是否选中的3种方法
Aug 12 Javascript
jQuery实现高亮显示的方法
Mar 10 Javascript
Function.prototype.apply()与Function.prototype.call()小结
Apr 27 Javascript
jquery validation验证表单插件
Jan 07 Javascript
原生JS实现的简单小钟表功能示例
Aug 30 Javascript
JavaScript私有变量实例详解
Jan 24 Javascript
vue中更改数组中属性,在页面中不生效的解决方法
Oct 30 Javascript
Selenium执行Javascript脚本参数及返回值过程详解
Apr 01 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生成月历代码
2007/06/14 PHP
PHP中使用xmlreader读取xml数据示例
2014/12/29 PHP
PHP函数shuffle()取数组若干个随机元素的方法分析
2016/04/02 PHP
javascript 写类方式之一
2009/07/05 Javascript
jquery1.4 教程二 ajax方法的改进
2010/02/25 Javascript
jQuery判断元素是否是隐藏的代码
2011/04/24 Javascript
JavaScript中为什么null==0为false而null大于=0为true(个人研究)
2013/09/16 Javascript
JavaScript Array对象扩展indexOf()方法
2014/05/09 Javascript
jQuery each函数源码分析
2016/05/25 Javascript
Jq通过td获取同行其它列td的方法
2016/10/05 Javascript
JS交互点击WKWebView中的图片实现预览效果
2018/01/05 Javascript
浅析Node.js非对称加密方法
2018/01/29 Javascript
jQuery扩展方法实现Form表单与Json互相转换的实例代码
2018/09/05 jQuery
JS判断用户用的哪个浏览器实例详解
2018/10/09 Javascript
layui树形菜单动态遍历的例子
2019/09/23 Javascript
Vue 微信端扫描二维码苹果端却只能保存图片问题(解决方法)
2020/01/19 Javascript
Vue 3.0 全家桶抢先体验
2020/04/28 Javascript
[05:04]DOTA2上海特级锦标赛主赛事第二日TOP10
2016/03/04 DOTA
python使用cookie库操保存cookie详解
2014/03/03 Python
谈谈Python进行验证码识别的一些想法
2016/01/25 Python
Python API 自动化实战详解(纯代码)
2019/06/11 Python
django 环境变量配置过程详解
2019/08/06 Python
python入门之基础语法学习笔记
2020/02/08 Python
python输入一个水仙花数(三位数) 输出百位十位个位实例
2020/05/03 Python
Pycharm Available Package无法显示/安装包的问题Error Loading Package List解决
2020/09/18 Python
Django Auth用户认证组件实现代码
2020/10/13 Python
python+opencv3.4.0 实现HOG+SVM行人检测的示例代码
2021/01/28 Python
HTML5安全介绍之内容安全策略(CSP)简介
2012/07/10 HTML / CSS
Html5基于canvas实现电子签名并生成PDF文档
2020/12/07 HTML / CSS
美国最大的香水连锁店官网:Perfumania
2016/08/15 全球购物
超市营业员求职简历的自我评价
2013/10/17 职场文书
大学生自我鉴定范文模板
2014/01/21 职场文书
小学生2014国庆节演讲稿:祖国在我心中
2014/09/21 职场文书
2014年残联工作总结
2014/11/21 职场文书
硕士论文致谢范文
2015/05/14 职场文书
关于运动会的宣传稿
2015/07/23 职场文书