关于文本限制字数的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 相关文章推荐
一步一步制作jquery插件Tabs实现过程
Jul 06 Javascript
jQuery .tmpl(), .template()学习资料小结
Jul 18 Javascript
uploadify多文件上传参数设置技巧
Nov 16 Javascript
jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法
Nov 16 Javascript
vue.js全局API之nextTick全面解析
Jul 07 Javascript
Angularjs上传图片实例详解
Aug 06 Javascript
微信小程序模板(template)使用详解
Jan 31 Javascript
bootstrap treeview 树形菜单带复选框及级联选择功能
Jun 08 Javascript
vue 集成jTopo 处理方法
Aug 07 Javascript
使用vue实现多规格选择实例(SKU)
Aug 23 Javascript
package.json配置文件构成详解
Aug 27 Javascript
python虚拟环境 virtualenv的简单使用
Jan 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的ob_start();控制您的浏览器cache!
2007/02/14 PHP
PHP常用函数总结(180多个)
2016/12/25 PHP
PHP实现长轮询消息实时推送功能代码实例讲解
2021/02/26 PHP
javascript向后台传送相同属性的参数即数组参数
2014/02/17 Javascript
关于JavaScript对象的动态选择及遍历对象
2014/03/10 Javascript
nodejs npm install全局安装和本地安装的区别
2014/06/05 NodeJs
JQuery 两种方法解决刚创建的元素遍历不到的问题
2016/04/13 Javascript
深入浅析JavaScript中的scrollTop
2016/07/11 Javascript
JS获取一个未知DIV高度的方法
2016/08/09 Javascript
React中阻止事件冒泡的问题详析
2019/04/12 Javascript
node.js express框架实现文件上传与下载功能实例详解
2019/10/15 Javascript
electron+vue实现div contenteditable截图功能
2020/01/07 Javascript
python目录与文件名操作例子
2016/08/28 Python
详解python使用Nginx和uWSGI来运行Python应用
2018/01/09 Python
Python常见内置高效率函数用法示例
2018/07/31 Python
为什么str(float)在Python 3中比Python 2返回更多的数字
2018/10/16 Python
Python基本socket通信控制操作示例
2019/01/30 Python
Python操作redis实例小结【String、Hash、List、Set等】
2019/05/16 Python
如何基于Python获取图片的物理尺寸
2019/11/25 Python
Matplotlib使用字符串代替变量绘制散点图的方法
2020/02/17 Python
Python如何存储数据到json文件
2020/03/09 Python
tensorflow模型的save与restore,及checkpoint中读取变量方式
2020/05/26 Python
Python同时迭代多个序列的方法
2020/07/28 Python
Pycharm制作搞怪弹窗的实现代码
2021/02/19 Python
UNIONBAY官网:美国青少年服装品牌
2019/03/26 全球购物
CheapTickets泰国:廉价航班,查看促销价格并预订机票
2019/12/28 全球购物
前台文员岗位职责及工作流程
2013/11/19 职场文书
秘书行业自我鉴定范文
2013/12/30 职场文书
优秀士兵个人事迹材料
2014/01/19 职场文书
数控技校生自我鉴定
2014/03/02 职场文书
村长反四风问题个人对照检查材料
2014/09/21 职场文书
大学生英文求职信范文
2015/03/19 职场文书
跳高加油稿
2015/07/21 职场文书
成本低的5个创业项目:投资小、赚钱快
2019/08/20 职场文书
深入理解python协程
2021/06/15 Python
Python实战之大鱼吃小鱼游戏的实现
2022/04/01 Python