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 相关文章推荐
JS控制表格隔行变色
Jun 26 Javascript
jquery和css3实现的炫酷时尚的菜单导航
Sep 01 Javascript
jquery中checkbox全选失效的解决方法
Dec 26 Javascript
深入浅析Bootstrap列表组组件
May 03 Javascript
深入理解JQuery循环绑定事件
Jun 02 Javascript
浅谈JS中json数据的处理
Jun 30 Javascript
阿里云ecs服务器中安装部署node.js的步骤
Oct 08 Javascript
easy ui datagrid 从编辑框中获取值的方法
Feb 22 Javascript
JS对象与JSON互转换、New Function()、 forEach()、DOM事件流等js开发基础小结
Aug 10 Javascript
深入剖析Node.js cluster模块
May 23 Javascript
微信小程序实现横向增长表格的方法
Jul 24 Javascript
前端js中的事件循环eventloop机制详解
May 15 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
ThinkPHP采用实现三级循环代码实例
2014/07/18 PHP
详解php伪造Referer请求反盗链资源
2019/01/24 PHP
javascript第一课
2007/02/27 Javascript
可以显示单图片,多图片ajax请求的ThickBox3.1类下载
2007/12/23 Javascript
JavaScript库 开发规则
2009/01/31 Javascript
js字符串的各种格式的转换 ToString,Format
2011/08/08 Javascript
SuperSlide2实现图片滚动特效
2014/06/20 Javascript
Javascript 多物体运动的实现
2014/12/24 Javascript
信息页文内画中画广告js实现代码(文中加载广告方式)
2016/01/03 Javascript
js鼠标按键事件和键盘按键事件用法实例汇总
2016/10/03 Javascript
JS新包管理工具yarn和npm的对比与使用入门
2016/12/09 Javascript
jQuery手指滑动轮播效果
2016/12/22 Javascript
bootstrap选项卡扩展功能详解
2017/06/14 Javascript
jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
2017/07/12 jQuery
Vue2.0实现将页面中表格数据导出excel的实例
2017/08/09 Javascript
Vue2.0用 watch 观察 prop 变化(不触发)
2017/09/08 Javascript
layui 给数据表格加序号的方法
2018/08/20 Javascript
原生js实现二级联动菜单
2019/11/27 Javascript
python快速查找算法应用实例
2014/09/26 Python
Python Socket传输文件示例
2017/01/16 Python
Python实现冒泡排序的简单应用示例
2017/12/11 Python
Django框架下静态模板的继承操作示例
2019/11/08 Python
python使用 cx_Oracle 模块进行查询操作示例
2019/11/28 Python
Python实现列表索引批量删除的5种方法
2020/11/16 Python
玩转CSS3色彩
2010/01/16 HTML / CSS
纯CSS实现颜色渐变效果(包含环形渐变、线性渐变、彩虹效果等)
2014/05/07 HTML / CSS
带你认识HTML5中的WebSocket
2015/05/22 HTML / CSS
丽笙酒店官方网站:Radisson Hotels
2019/05/07 全球购物
现代绅士日常奢侈品:Todd Snyder
2019/12/13 全球购物
中学生学习生活的自我评价
2013/10/26 职场文书
护理专业毕业生自我鉴定总结
2014/03/24 职场文书
护士感人事迹
2014/05/01 职场文书
巾帼标兵事迹材料
2014/12/26 职场文书
校运会加油稿大全
2015/07/22 职场文书
关于python3 opencv 图像二值化的问题(cv2.adaptiveThreshold函数)
2022/04/04 Python
MySQL分区以及建索引的方法总结
2022/04/13 MySQL