关于文本限制字数的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 用原型继承来实现对象系统
Mar 22 Javascript
奉献给JavaScript初学者的编写开发的七个细节
Jan 11 Javascript
在chrome浏览器中,防止input[text]和textarea在聚焦时出现黄色边框的解决方法
May 24 Javascript
关于jQuery中.attr()和.prop()的问题探讨
Sep 06 Javascript
探寻JavaScript中this指针指向
Apr 23 Javascript
如何用JS判断两个数字的大小
Jul 21 Javascript
Bootstrap3 多选和单选框(checkbox)
Dec 29 Javascript
jQuery选择器中的特殊符号处理方法
Sep 08 jQuery
微信小程序实现收藏与取消收藏切换图片功能
Aug 03 Javascript
Vue CLI3 开启gzip压缩文件的方式
Sep 30 Javascript
微信小程序中target和currentTarget的区别小结
Nov 06 Javascript
一篇文章看懂JavaScript中的回调
Jan 05 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连接SQLServer2005方法及代码
2013/12/26 PHP
Symfony2实现在controller中获取url的方法
2016/03/18 PHP
Zend Framework上传文件重命名的实现方法
2016/11/25 PHP
PHP大文件切割上传功能实例分析
2019/07/01 PHP
Javascript Function对象扩展之延时执行函数
2010/07/06 Javascript
MooTools 页面滚动浮动层智能定位实现代码
2011/08/23 Javascript
Javascript绝句欣赏 一些经典的js代码
2012/02/22 Javascript
Javascript表格翻页效果实现思路及代码
2013/08/23 Javascript
仿百度的关键词匹配搜索示例
2013/09/25 Javascript
类似php的js数组的in_array函数自定义方法
2013/12/27 Javascript
Js+Jq获取URL参数的集中方法示例代码
2014/05/20 Javascript
js实现超酷的照片墙展示效果图附源码下载
2015/10/08 Javascript
jQuery基于muipicker实现仿ios时间选择
2016/02/22 Javascript
Angular 4 依赖注入学习教程之FactoryProvider的使用(四)
2017/06/04 Javascript
NodeJS链接MySql数据库的操作方法
2017/06/27 NodeJs
详解angularJS+Ionic移动端图片上传的解决办法
2017/09/13 Javascript
VUE解决微信签名及SPA微信invalid signature问题(完美处理)
2019/03/29 Javascript
用node撸一个监测复联4开售短信提醒的实现代码
2019/04/10 Javascript
[01:42:49]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD BO3 第一场 2月26日
2021/03/11 DOTA
Python排序搜索基本算法之冒泡排序实例分析
2017/12/09 Python
Python实现简单生成验证码功能【基于random模块】
2018/02/10 Python
python构建基础的爬虫教学
2018/12/23 Python
python3.6+selenium实现操作Frame中的页面元素
2019/07/16 Python
python bluetooth蓝牙信息获取蓝牙设备类型的方法
2019/11/29 Python
windows python3安装Jupyter Notebooks教程
2020/04/13 Python
解决paramiko执行命令超时的问题
2020/04/16 Python
Python实现曲线拟合的最小二乘法
2021/02/19 Python
韩国CJ食品专卖网:CJonmart
2016/09/11 全球购物
PacSun官网:加州生活方式服装、鞋子和配饰
2018/03/10 全球购物
大学生个人推荐信范文
2013/11/25 职场文书
营销总经理的岗位职责
2013/12/15 职场文书
中学生逃课检讨书
2015/02/17 职场文书
运动会100米加油稿
2015/07/21 职场文书
教师反邪教心得体会
2016/01/15 职场文书
2016年“9.22”世界无车日活动小结
2016/04/05 职场文书
家电创业计划书
2019/08/05 职场文书