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 相关文章推荐
jquery select(列表)的操作(取值/赋值)
Aug 06 Javascript
js 实现图片预加载(js操作 Image对象属性complete ,事件onload 异步加载图片)
Mar 25 Javascript
你的 mixin 真的兼容 ECMAScript 5 吗?
Apr 11 Javascript
jquery $.each()使用探讨
Sep 23 Javascript
浅析JS中document对象的一些重要属性
Mar 06 Javascript
jquery实现带缩略图的可定制高度画廊效果(5种)
Aug 28 Javascript
JavaScript中有关一个数组中最大值和最小值及它们的下表的输出的解决办法
Jul 01 Javascript
js模式化窗口问题![window.dialogArguments]
Oct 30 Javascript
JS实现获取自定义属性data值的方法示例
Dec 19 Javascript
浅谈关于JS下大批量异步任务按顺序执行解决方案一点思考
Jan 08 Javascript
微信小程序前端自定义分享的实现方法
Jun 13 Javascript
js Array.slice的8种不同用法示例
Jul 10 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
Eclipse的PHP插件PHPEclipse安装和使用
2014/07/20 PHP
Yii实现的多级联动下拉菜单
2016/07/13 PHP
js 单击式的下拉菜单效果实例
2013/08/13 Javascript
Javascript 命名空间模式
2013/11/01 Javascript
JavaScript组合模式学习要点
2016/08/26 Javascript
jQuery Ajax前后端使用JSON进行交互示例
2017/03/17 Javascript
vue组件生命周期详解
2017/11/07 Javascript
JavaScript 作用域实例分析
2019/10/02 Javascript
vue之延时刷新实例
2019/11/14 Javascript
Vue移动端实现图片上传及超过1M压缩上传
2019/12/23 Javascript
通过javascript实现扫雷游戏代码实例
2020/02/09 Javascript
vue中全局路由守卫中替代this操作(this.$store/this.$vux)
2020/07/24 Javascript
详解vue 组件注册
2020/11/20 Vue.js
vue下拉刷新组件的开发及slot的使用详解
2020/12/23 Vue.js
vue 组件基础知识总结
2021/01/26 Vue.js
python基础教程之序列详解
2014/08/29 Python
Python中的类学习笔记
2014/09/23 Python
Python通过matplotlib绘制动画简单实例
2017/12/13 Python
Anaconda下配置python+opencv+contribx的实例讲解
2018/08/06 Python
浅析python的Lambda表达式
2019/02/27 Python
python 反编译exe文件为py文件的实例代码
2019/06/27 Python
pandas 使用均值填充缺失值列的小技巧分享
2019/07/04 Python
Django框架静态文件使用/中间件/禁用ip功能实例详解
2019/07/22 Python
详解PyTorch中Tensor的高阶操作
2019/08/18 Python
阿提哈德航空官方网站:Etihad Airways
2017/01/06 全球购物
您的健身减肥和健康饮食专家:vitafy
2017/06/06 全球购物
医学生求职自荐信
2013/10/25 职场文书
实习生自荐信范文
2013/11/13 职场文书
护理专科毕业生自荐书范文
2014/02/19 职场文书
《散步》教学反思
2014/03/02 职场文书
给校长的一封建议书
2014/03/12 职场文书
2014年纪检工作总结
2014/11/12 职场文书
实习单位指导教师评语
2014/12/30 职场文书
投标承诺函格式
2015/01/21 职场文书
辞职信怎么写?你都知道吗?
2019/06/24 职场文书
温馨祝福晨语:美丽的一天从我的问候开始
2019/11/28 职场文书