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 相关文章推荐
node.js chat程序如何实现Ajax long-polling长链接刷新模式
Mar 13 Javascript
使用javascript将时间转换成今天,昨天,前天等格式
Jun 25 Javascript
如何快速上手Vuex
Feb 14 Javascript
underscore之Collections_动力节点Java学院整理
Jul 10 Javascript
vue component组件使用方法详解
Jul 14 Javascript
使用vue中的v-for遍历二维数组的方法
Mar 07 Javascript
JS实现仿微信支付弹窗功能
Jun 25 Javascript
微信小程序实现聊天对话(文本、图片)功能
Jul 06 Javascript
vue+egg+jwt实现登录验证的示例代码
May 18 Javascript
jQuery-Citys省市区三级菜单联动插件使用详解
Jul 26 jQuery
Node.js学习教程之Module模块
Sep 03 Javascript
微信小程序的引导页实现代码
Jun 24 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.ini中的php-5.2.0配置指令详解
2008/03/27 PHP
PHP 自定义错误处理函数的使用详解
2013/05/10 PHP
ajax调用返回php接口返回json数据的方法(必看篇)
2017/05/05 PHP
PHP实现的AES双向加密解密功能示例【128位】
2018/09/03 PHP
小议Function.apply()之二------利用Apply的参数数组化来提高 JavaScript程序性能
2006/11/30 Javascript
在IE和VB中支持png图片透明效果的实现方法(vb源码打包)
2011/04/01 Javascript
本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结
2013/03/25 Javascript
javascript匀速运动实现方法分析
2016/01/08 Javascript
浅谈JS的基础类型与引用类型
2016/09/13 Javascript
JS实现图片点击后出现模态框效果
2017/05/03 Javascript
JavaScript 用fetch 实现异步下载文件功能
2017/07/21 Javascript
jQuery实现火车票买票城市选择切换功能
2017/09/15 jQuery
Vue通过URL传参如何控制全局console.log的开关详解
2017/12/07 Javascript
浅析Vue项目中使用keep-Alive步骤
2018/07/27 Javascript
koa2的中间件功能及应用示例
2020/03/05 Javascript
Javascript组合继承方法代码实例解析
2020/04/02 Javascript
如何使用 vue-cli 创建模板项目
2020/11/19 Vue.js
python sqlobject(mysql)中文乱码解决方法
2008/11/14 Python
总结python爬虫抓站的实用技巧
2016/08/09 Python
Python iter()函数用法实例分析
2018/03/17 Python
解决新django中的path不能使用正则表达式的问题
2018/12/18 Python
Python语言进阶知识点总结
2019/05/28 Python
Python实现制度转换(货币,温度,长度)
2019/07/14 Python
python 画函数曲线示例
2019/12/04 Python
Pycharm debug调试时带参数过程解析
2020/02/03 Python
Pytorch之Tensor和Numpy之间的转换的实现方法
2020/09/03 Python
Diptyque英国官方网站:源自法国的知名香氛品牌
2019/08/28 全球购物
Aquatalia官网:意大利著名鞋履品牌
2019/09/26 全球购物
自我鉴定四大框架
2014/01/17 职场文书
网络研修随笔感言
2014/02/17 职场文书
党支部综合考察材料
2014/05/19 职场文书
党支部组织生活会整改方案
2014/09/30 职场文书
解决Python中的modf()函数取小数部分不准确问题
2021/05/28 Python
vue实现列表拖拽排序的示例代码
2022/04/08 Vue.js
vue实现Toast组件轻提示
2022/04/10 Vue.js
使用opencv-python如何打开USB或者笔记本前置摄像头
2022/06/21 Python