关于文本限制字数的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中常用的55个经典技巧
Aug 12 Javascript
js 图片轮播(5张图片)
Dec 30 Javascript
js textarea自动增高并隐藏滚动条
Dec 16 Javascript
jQuery学习5 jQuery事件模型
Feb 07 Javascript
js控制淡入淡出示例代码
Nov 12 Javascript
jQuery中has()方法用法实例
Jan 06 Javascript
JavaScript中的操作符类型转换示例总结
May 30 Javascript
AngularJS 验证码60秒倒计时功能的实现
Jun 05 Javascript
微信小程序中使用wxss加载图片并实现动画效果
Aug 13 Javascript
Vue 与 Vuex 的第一次接触遇到的坑
Aug 16 Javascript
Vue 监听列表item渲染事件方法
Sep 06 Javascript
Node.js中的不安全跳转如何防御详解
Oct 21 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自定义加密与解密程序实例
2014/12/31 PHP
PHP获取文件夹大小函数用法实例
2015/07/01 PHP
使用Composer安装Yii框架的方法
2016/03/15 PHP
深入剖析PHP中printf()函数格式化使用
2016/05/23 PHP
phpstorm 配置xdebug的示例代码
2019/03/31 PHP
javascript 时间比较实现代码
2009/10/28 Javascript
在javascript将NodeList作为Array数组处理的方法
2010/07/09 Javascript
Javascript 遍历页面text控件详解
2014/01/06 Javascript
js导出txt示例代码
2014/01/14 Javascript
创建、调用JavaScript对象的方法集锦
2014/12/24 Javascript
Jquery幻灯片特效代码分享--打开页面随机选择切换方式(3)
2015/08/15 Javascript
快速解决jquery.touchSwipe左右滑动和垂直滚动条冲突
2016/04/15 Javascript
BootStrap智能表单实战系列(九)表单图片上传的支持
2016/06/13 Javascript
AngularJS 面试题集锦
2016/09/06 Javascript
js限制输入框只能输入数字(onkeyup触发)
2018/09/28 Javascript
vue实现页面内容禁止选中功能,仅输入框和文本域可选
2019/11/09 Javascript
小程序实现长按保存图片的方法
2019/12/31 Javascript
[01:20:06]TNC vs VG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python中urllib2模块的8个使用细节分享
2015/01/01 Python
Python中的pass语句使用方法讲解
2015/05/14 Python
Python Selenium Cookie 绕过验证码实现登录示例代码
2018/04/10 Python
使用python matplotlib 画图导入到word中如何保证分辨率
2020/04/16 Python
python3+openCV 获取图片中文本区域的最小外接矩形实例
2020/06/02 Python
Python LMDB库的使用示例
2021/02/14 Python
原生canvas制作画图小工具的踩坑和爬坑
2020/06/09 HTML / CSS
俄罗斯一家时尚女装商店:Charuel
2019/12/04 全球购物
简述DNS进行域名解析的过程
2013/12/02 面试题
就业推荐自我鉴定
2013/10/06 职场文书
大学团支书的自我评价分享
2013/12/14 职场文书
红旗方阵解说词
2014/02/12 职场文书
住房租房协议书
2014/08/20 职场文书
身边的榜样活动方案
2014/08/20 职场文书
没有孩子的离婚协议书怎么写
2014/09/17 职场文书
仙境之桥观后感
2015/06/16 职场文书
Win11怎么跳过联网验机 ?Win11跳过联网验机激活教程
2022/04/05 数码科技
CSS实现鼠标悬浮动画特效
2023/05/07 HTML / CSS