form中限制文本字节数js代码


Posted in Javascript onJune 10, 2007

/*
 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 异步调用框架 (Part 1 - 问题 &amp; 场景)
Aug 03 Javascript
一个简单的javascript类定义例子
Sep 12 Javascript
jQuery代码优化 选择符篇
Nov 01 Javascript
JavaScript高级程序设计(第3版)学习笔记8 js函数(中)
Oct 11 Javascript
jQuery中获取Radio元素值的方法
Jul 02 Javascript
jQuery实现点击弹出背景变暗遮罩效果实例代码
Jun 24 Javascript
javascript运算符——位运算符全面介绍
Jul 14 Javascript
js鼠标按键事件和键盘按键事件用法实例汇总
Oct 03 Javascript
JS验证input输入框(字母,数字,符号,中文)
Mar 23 Javascript
微信小程序实现动态改变view标签宽度和高度的方法【附demo源码下载】
Dec 05 Javascript
解决vue中虚拟dom,无法实时更新的问题
Sep 15 Javascript
微信小程序自定义多列选择器使用详解
Jun 21 Javascript
jQuery 中关于CSS操作部分使用说明
Jun 10 #Javascript
javascript Zifa FormValid 0.1表单验证 代码打包下载
Jun 08 #Javascript
爱恋千雪-US-AscII加密解密工具(网页加密)下载
Jun 06 #Javascript
用CSS+JS实现的进度条效果效果
Jun 05 #Javascript
js实现DIV的一些简单控制
Jun 04 #Javascript
用js实现键盘方向键翻页功能的代码
Jun 03 #Javascript
Javascript &amp; DHTML 实例编程(教程)(三)初级实例篇1—上传文件控件实例
Jun 02 #Javascript
You might like
PHP 如何利用phpexcel导入数据库
2013/08/24 PHP
CodeIgniter中实现泛域名解析
2014/07/19 PHP
Laravel 5框架学习之表单验证
2015/04/08 PHP
yii2.0实现pathinfo的形式访问的配置方法
2016/04/06 PHP
PHP-X系列教程之内置函数的使用示例
2017/10/16 PHP
javascript 检测浏览器类型和版本的代码
2009/09/15 Javascript
jquery实用代码片段集合
2010/08/12 Javascript
jQuery UI AutoComplete 使用说明
2011/06/20 Javascript
javascript计时器事件使用详解
2014/01/07 Javascript
js设置function参数默认值(适合没有传参情况)
2014/02/24 Javascript
node.js入门教程
2014/06/01 Javascript
谈谈JavaScript异步函数发展历程
2015/09/29 Javascript
jquery利用json实现页面之间传值的实例解析
2016/12/12 Javascript
利用Javascript实现简单的转盘抽奖
2017/02/13 Javascript
JS实现移动端双指缩放和旋转方法
2019/12/13 Javascript
Vue自定义组件的四种方式示例详解
2020/02/28 Javascript
[00:21]DOTA2亚洲邀请赛 Logo演绎
2015/02/07 DOTA
python的常见命令注入威胁
2013/02/18 Python
Python在图片中添加文字的两种方法
2017/04/29 Python
Python 稀疏矩阵-sparse 存储和转换
2017/05/27 Python
Python绑定方法与非绑定方法详解
2017/08/18 Python
WIn10+Anaconda环境下安装PyTorch(避坑指南)
2019/01/30 Python
Python创建数字列表的示例
2019/11/28 Python
jupyter notebook中新建cell的方法与快捷键操作
2020/04/22 Python
python如何调用百度识图api
2020/09/29 Python
python解压zip包中文乱码解决方法
2020/11/27 Python
html5唤醒APP小记
2019/03/27 HTML / CSS
巴塞罗那观光通票:Barcelona Pass
2019/10/30 全球购物
戴森西班牙官网:Dyson西班牙
2020/02/04 全球购物
法院实习人员自我鉴定
2013/09/26 职场文书
银行纠风工作实施方案
2014/06/08 职场文书
网络技术专业求职信
2014/07/13 职场文书
十佳标兵事迹材料
2014/08/18 职场文书
致运动员赞词
2015/07/22 职场文书
iPhone13将有八大升级
2021/04/15 数码科技
MySQL 那些常见的错误设计规范,你都知道吗
2021/07/16 MySQL