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 冒泡排序 正序和倒序实现代码
Dec 14 Javascript
js自动下载文件到本地的实现代码
Apr 28 Javascript
Javascript实现滚动图片新闻的实例代码
Nov 27 Javascript
js实现非常简单的焦点图切换特效实例
May 07 Javascript
JS组件Bootstrap实现图片轮播效果
May 16 Javascript
javascript基本数据类型及类型检测常用方法小结
Dec 14 Javascript
利用CSS、JavaScript及Ajax实现图片预加载的三大方法
Jan 22 Javascript
Vue组件开发初探
Feb 14 Javascript
详解Vue基于 Nuxt.js 实现服务端渲染(SSR)
Apr 05 Javascript
vue响应式更新机制及不使用框架实现简单的数据双向绑定问题
Jun 27 Javascript
Vue.js路由实现选项卡简单实例
Jul 24 Javascript
WEEX环境搭建与入门详解
Oct 16 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各种编码集详解和以及在什么情况下进行使用
2011/09/11 PHP
php检测useragent版本示例
2014/03/24 PHP
Laravel模板引擎Blade中section的一些标签的区别介绍
2015/02/10 PHP
我整理的PHP 7.0主要新特性
2016/01/07 PHP
快速解决jQuery与其他库冲突的方法介绍
2014/01/02 Javascript
JavaScript获取某年某月的最后一天附截图
2014/06/23 Javascript
原生js实现轮播图
2017/02/27 Javascript
详解vue中引入stylus及报错解决方法
2017/09/22 Javascript
vue中当图片地址无效的时候,显示默认图片的方法
2018/09/18 Javascript
解决vue单页面应用中动态修改title问题
2019/06/09 Javascript
Vue Render函数原理及代码实例解析
2020/07/30 Javascript
[02:40]DOTA2超级联赛专访430 从小就爱玩对抗性游戏
2013/06/18 DOTA
[02:28]DOTA2亚洲邀请赛附加赛 RECAP赛事回顾
2015/01/29 DOTA
[01:10]DOTA2次级职业联赛 - Fly战队宣传片
2014/12/01 DOTA
[01:00:44]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#1COL VS Alliance第三局
2016/03/04 DOTA
[01:04:49]KG vs LGD 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
Python中的map()函数和reduce()函数的用法
2015/04/27 Python
尝试用最短的Python代码来实现服务器和代理服务器
2016/06/23 Python
Python实现控制台中的进度条功能代码
2017/12/22 Python
用python实现的线程池实例代码
2018/01/06 Python
Python参数类型以及常见的坑详解
2019/07/08 Python
pytorch sampler对数据进行采样的实现
2019/12/31 Python
Python常用模块sys,os,time,random功能与用法实例分析
2020/01/07 Python
python读取ini配置的类封装代码实例
2020/01/08 Python
python读取raw binary图片并提取统计信息的实例
2020/01/09 Python
你应该知道的Python3.6、3.7、3.8新特性小结
2020/05/12 Python
python如何爬取网页中的文字
2020/07/28 Python
如何用 Python 制作一个迷宫游戏
2021/02/25 Python
Lancome兰蔻官方旗舰店:来自法国的世界知名美妆品牌
2018/06/14 全球购物
Lentiamo丹麦:购买便宜的隐形眼镜
2021/01/13 全球购物
国培远程培训感言
2014/03/08 职场文书
推广活动策划方案
2014/08/23 职场文书
任命书格式模板
2015/09/22 职场文书
关于环保的广播稿
2015/12/17 职场文书
爱岗敬业事迹材料
2019/06/20 职场文书
Python数组变形的几种实现方法
2022/05/30 Python