关于文本限制字数的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实现编辑div节点名称的方法
Dec 17 Javascript
jQuery+ajax中getJSON() 用法实例
Dec 22 Javascript
confirm确认对话框的实现方法总结
Jun 17 Javascript
JS限制条件补全问题实例分析
Dec 16 Javascript
node实现简单的反向代理服务器
Jul 26 Javascript
详解angularjs popup-table 弹出框表格指令
Sep 20 Javascript
JS实现的判断方法、变量是否存在功能示例
Mar 28 Javascript
vue侧边栏动态生成下级菜单的方法
Sep 07 Javascript
详解mpvue scroll-view自动回弹bug解决方案
Oct 01 Javascript
Vue实现剪切板图片压缩功能
Feb 04 Javascript
VUE解决跨域问题Access to XMLHttpRequest at
May 06 Vue.js
5个实用的JavaScript新特性
Jun 16 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导入大量数据到mysql性能优化技巧
2014/12/29 PHP
PHP会话处理的10个函数
2015/08/11 PHP
浅析Yii2 gridview实现批量删除教程
2016/04/22 PHP
基于JQuery的6个Tab选项卡插件
2010/09/03 Javascript
jQuery 1.5最新版本的改进细节分析
2011/01/19 Javascript
第五章之BootStrap 栅格系统
2016/04/25 Javascript
nodejs加密Crypto的实例代码
2016/07/07 NodeJs
浅谈js的ajax的异步和同步请求的问题
2016/10/07 Javascript
AngularJS全局scope与Isolate scope通信用法示例
2016/11/22 Javascript
简单理解js的prototype属性及使用
2016/12/07 Javascript
基于JavaScript实现的快速排序算法分析
2017/04/14 Javascript
angularjs中ng-bind-html的用法总结
2017/05/23 Javascript
微信小程序之电影影评小程序制作代码
2017/08/03 Javascript
JS从非数组对象转数组的方法小结
2018/03/26 Javascript
Vue-cli配置打包文件本地使用的教程图解
2018/08/02 Javascript
CentOS7中源码编译安装NodeJS的完整步骤
2018/10/13 NodeJs
JavaScript实现获取两个排序数组的中位数算法示例
2019/02/26 Javascript
JavaScript中继承原理与用法实例入门
2020/05/09 Javascript
JS实现简单贪吃蛇小游戏
2020/10/28 Javascript
Python Web框架Tornado运行和部署
2020/10/19 Python
Python判断文本中消息重复次数的方法
2016/04/27 Python
Python使用dis模块把Python反编译为字节码的用法详解
2016/06/14 Python
使用APScheduler3.0.1 实现定时任务的方法
2019/07/22 Python
django 中QuerySet特性功能详解
2019/07/25 Python
python列表插入append(), extend(), insert()用法详解
2019/09/14 Python
Python多线程正确用法实例解析
2020/05/30 Python
pandas.DataFrame.drop_duplicates 用法介绍
2020/07/06 Python
Python 爬虫批量爬取网页图片保存到本地的实现代码
2020/12/24 Python
小天鹅官方商城:LittleSwan
2017/06/16 全球购物
建筑工程专业学生的自我评价
2013/12/25 职场文书
理财投资建议书
2014/03/12 职场文书
《宋庆龄故居的樟树》教学反思
2014/04/07 职场文书
幼儿园大班开学寄语
2014/08/02 职场文书
119消防日活动总结
2014/08/29 职场文书
2015年母亲节寄语
2015/03/23 职场文书
教师外出学习心得体会
2016/01/18 职场文书