关于文本限制字数的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 相关文章推荐
许愿墙中用到的函数
Oct 07 Javascript
你需要知道的JavsScript可以做什么?
Jun 29 Javascript
验证javascript中Object和Function的关系的三段简单代码
Jun 27 Javascript
Tab页界面 用jQuery及Ajax技术实现(php后台)
Oct 12 Javascript
autoPlay 基于jquery的图片自动播放效果
Dec 07 Javascript
jQuery列表拖动排列具体实现
Nov 04 Javascript
AngularJS出现$http异步后台无法获取请求参数问题的解决方法
Nov 03 Javascript
jQuery Ajax File Upload实例源码
Dec 12 Javascript
Node.js中Bootstrap-table的两种分页的实现方法
Sep 18 Javascript
AngularJS 仿微信图片手势缩放的实例
Sep 28 Javascript
Vue实现双向绑定的原理以及响应式数据的方法
Jul 02 Javascript
详解javascript void(0)
Jul 13 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
mantis安装、配置和使用中的问题小结
2014/07/14 PHP
php返回字符串中所有单词的方法
2015/03/09 PHP
CodeIgniter钩子用法实例详解
2016/01/20 PHP
[原创]php集成安装包wampserver修改密码后phpmyadmin无法登陆的解决方法
2016/11/23 PHP
jquery checkbox,radio是否选中的判断代码
2010/03/20 Javascript
使用jQuery轻松实现Ajax的实例代码
2010/08/16 Javascript
Jquery ajaxsubmit上传图片实现代码
2010/11/04 Javascript
jquery cookie实现的简单换肤功能适合小网站
2013/08/25 Javascript
改变状态栏文字的js代码
2014/06/13 Javascript
JS实现动态修改table及合并单元格的方法示例
2017/02/20 Javascript
angular.js中解决跨域问题的三种方式
2017/07/12 Javascript
基于vue开发的在线付费课程应用过程
2018/01/25 Javascript
关于Vue的路由权限管理的示例代码
2018/03/06 Javascript
微信小程序支付功能 php后台对接完整代码分享
2018/06/12 Javascript
微信小程序局部刷新触发整页刷新效果的实现代码
2018/11/21 Javascript
彻底揭秘keep-alive原理(小结)
2019/05/05 Javascript
vue3.0实现点击切换验证码(组件)及校验
2020/11/18 Vue.js
[14:20]刀塔大凶女神互压各路奇葩屌丝
2014/05/16 DOTA
Python线程指南详细介绍
2017/01/05 Python
Python基于正则表达式实现文件内容替换的方法
2017/08/30 Python
使用NumPy和pandas对CSV文件进行写操作的实例
2018/06/14 Python
基于python绘制科赫雪花
2018/06/22 Python
python命名空间(namespace)简单介绍
2019/08/10 Python
Python依赖包整体迁移方法详解
2019/08/15 Python
500行python代码实现飞机大战
2020/04/24 Python
Python判断字符串是否为空和null方法实例
2020/04/26 Python
Win 10下Anaconda虚拟环境的教程
2020/05/18 Python
python如何调用java类
2020/07/05 Python
麦德龙官方海外旗舰店:德国麦德龙超市
2017/12/23 全球购物
写给妈妈的道歉信
2014/01/11 职场文书
实习生岗位职责
2014/04/12 职场文书
岗位标兵事迹材料
2014/05/17 职场文书
毕业设计答辩开场白
2015/05/29 职场文书
我是特种兵观后感
2015/06/11 职场文书
SQL实现LeetCode(177.第N高薪水)
2021/08/04 MySQL