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 ready()的几种实现方法小结
Jun 18 Javascript
javascript返回顶部的按钮实现方法
Jan 09 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(二)之数据支持json字符串、list集合
Aug 11 Javascript
详细分析Javascript中创建对象的四种方式
Aug 17 Javascript
获取select的value、text值的简单示例(jquery与javascript)
Dec 07 Javascript
关于javascript获取内联样式与嵌入式样式的实例
Jun 01 Javascript
基于Vue、Vuex、Vue-router实现的购物商城(原生切换动画)效果
Jan 09 Javascript
js实现简单掷骰子效果
Oct 24 Javascript
javascript贪吃蛇游戏设计与实现
Sep 17 Javascript
Vue+Java 通过websocket实现服务器与客户端双向通信操作
Sep 22 Javascript
JavaScript对象访问器Getter及Setter原理解析
Dec 08 Javascript
vue3中的组件间通信
Mar 31 Vue.js
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的图形函数中显示汉字
2006/10/09 PHP
php 获取本机外网/公网IP的代码
2010/05/09 PHP
json的键名为数字时的调用方式(示例代码)
2013/11/15 PHP
php输出全球各个时区列表的方法
2015/03/31 PHP
详解PHP匿名函数与注意事项
2016/03/29 PHP
判断js对象是否拥有某一个属性的js代码
2013/08/16 Javascript
js中的异常处理try...catch使用介绍
2013/09/21 Javascript
jQuery的$.proxy()应用示例介绍
2014/04/03 Javascript
浅析webapp框架AngularUI的demo
2014/12/21 Javascript
jquery中的工具使用方法$.isFunction, $.isArray(), $.isWindow()
2015/08/09 Javascript
JS+CSS相对定位实现的下拉菜单
2015/10/06 Javascript
JS如何判断json是否为空
2016/07/06 Javascript
express文件上传中间件Multer详解
2016/10/24 Javascript
javascript数据类型详解
2017/02/07 Javascript
angularjs之$timeout指令详解
2017/06/13 Javascript
Javascript实现基本运算器
2017/07/15 Javascript
Angular4如何自定义首屏的加载动画详解
2017/07/26 Javascript
javascript按钮禁用和启用的效果实例代码
2017/10/29 Javascript
小程序多图列表实现性能优化的方法步骤
2019/05/28 Javascript
ES6 Promise对象的应用实例分析
2019/06/27 Javascript
Python中使用item()方法遍历字典的例子
2014/08/26 Python
Python使用PIL模块生成随机验证码
2017/11/21 Python
使用python爬虫获取黄金价格的核心代码
2018/06/13 Python
python 用所有标点符号分隔句子的示例
2019/07/15 Python
Scrapy模拟登录赶集网的实现代码
2020/07/07 Python
Python3爬虫中关于Ajax分析方法的总结
2020/07/10 Python
Python代码注释规范代码实例解析
2020/08/14 Python
基于Python模拟浏览器发送http请求
2020/11/06 Python
Python爬虫之Selenium鼠标事件的实现
2020/12/04 Python
Scholastic父母商店:儿童书籍
2017/01/01 全球购物
岗位职责怎么写
2014/03/14 职场文书
优秀团员事迹材料1500字
2014/08/31 职场文书
国际贸易本科毕业生求职信
2014/09/26 职场文书
企业党的群众路线教育实践活动学习心得体会
2014/10/31 职场文书
2014初中数学教研组工作总结
2014/12/19 职场文书
六年级语文下册教学计划
2015/01/22 职场文书