关于文本限制字数的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 相关文章推荐
JavaScript Chart 插件整理
Jun 18 Javascript
jquery创建一个新的节点对象(自定义结构/内容)的好方法
Jan 21 Javascript
JS修改css样式style浅谈
May 06 Javascript
JS对select控件option选项的增删改查示例代码
Oct 21 Javascript
js键盘事件的keyCode
Jul 29 Javascript
深入理解JavaScript系列(49):Function模式(上篇)
Mar 04 Javascript
requireJS使用指南
Apr 27 Javascript
jQuery模仿单选按钮选中效果
Jun 24 Javascript
浅谈javascript中的Function和Arguments
Aug 30 Javascript
基于bootstrap风格的弹框插件
Dec 28 Javascript
BootStrap给table表格的每一行添加一个按钮事件
Sep 07 Javascript
深入理解es6块级作用域的使用
Mar 28 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实现对两个数组进行减法操作的方法
2015/04/17 PHP
用php代码限制国内IP访问我们网站
2015/09/26 PHP
PHP+swoole+linux实现系统监控和性能优化操作示例
2019/04/15 PHP
Yii 框架控制器创建使用及控制器响应操作示例
2019/10/14 PHP
jquery中防刷IP流量软件影响统计的一点对策
2011/07/10 Javascript
jQuery 淡入淡出 png图在ie8下有黑色边框的解决方法
2013/03/05 Javascript
jQuery之日期选择器的深入解析
2013/06/19 Javascript
jquery如何获取复选框的值
2013/12/12 Javascript
jQuery实现的多滑动门,多选项卡效果代码
2016/03/28 Javascript
关于vue.js v-bind 的一些理解和思考
2017/06/06 Javascript
垃圾回收器的相关知识点总结
2018/05/13 Javascript
浅谈微信页面入口文件被缓存解决方案
2018/09/29 Javascript
基于Vue sessionStorage实现保留搜索框搜索内容
2020/06/01 Javascript
[03:31]DOTA2英雄基础教程 大地之灵
2013/12/17 DOTA
[55:25]VGJ.T vs Optic Supermajor小组赛D组 BO3 第三场 6.3
2018/06/04 DOTA
Python 流程控制实例代码
2009/09/25 Python
浅谈Python Opencv中gamma变换的使用详解
2018/04/02 Python
python与caffe改变通道顺序的方法
2018/08/04 Python
使用Python编写Prometheus监控的方法
2018/10/15 Python
python字符串和常用数据结构知识总结
2019/05/21 Python
Python Pandas数据结构简单介绍
2019/07/03 Python
tensorflow 实现自定义layer并添加到计算图中
2020/02/04 Python
使用keras内置的模型进行图片预测实例
2020/06/17 Python
详细分析Python collections工具库
2020/07/16 Python
python gui开发——制作抖音无水印视频下载工具(附源码)
2021/02/07 Python
HTML5 Canvas的性能提高技巧经验分享
2013/07/02 HTML / CSS
李维斯牛仔裤荷兰官方网站:Levi’s NL
2020/08/23 全球购物
类和结构的区别
2012/08/15 面试题
结婚典礼证婚词
2014/01/08 职场文书
自主招生英文自荐信
2015/03/25 职场文书
对外汉语教师推荐信
2015/03/27 职场文书
应急管理工作总结2015
2015/05/04 职场文书
乡镇安全生产月活动总结
2015/05/08 职场文书
创业计划书之个人工作室
2019/08/22 职场文书
Python MNIST手写体识别详解与试练
2021/11/07 Python
使用Ajax实现无刷新上传文件
2022/04/12 Javascript