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 相关文章推荐
客户端限制只能上传jpg格式图片的js代码
Dec 09 Javascript
JS画线(实例代码)
Nov 20 Javascript
javascript对下拉列表框(select)的操作实例讲解
Nov 29 Javascript
解析Javascript中难以理解的11个问题
Dec 09 Javascript
js 去掉空格实例 Trim() LTrim() RTrim()
Jan 07 Javascript
js实现的标题栏新消息闪烁提示效果
Jun 06 Javascript
JavaScript如何自定义trim方法
Jul 28 Javascript
js动态生成Html元素实现Post操作(createElement)
Sep 14 Javascript
chrome下判断点击input上标签还是其余标签的实现方法
Sep 18 Javascript
9个让JavaScript调试更简单的Console命令
Nov 14 Javascript
js实现图片上传预览原理分析
Jul 13 Javascript
Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法
Sep 12 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 Xdebug 调试扩展的安装与使用.
2010/03/13 PHP
Laravel Validator自定义错误返回提示消息并在前端展示
2019/05/09 PHP
javascript中的float运算精度实例分析
2010/08/21 Javascript
简洁Ajax函数处理(示例代码)
2013/11/15 Javascript
悬浮数字的实现案例
2014/02/19 Javascript
实现网页页面跳转的几种方法(meta标签、js实现、php实现)
2014/05/20 Javascript
javascript表格隔行变色加鼠标移入移出及点击效果的方法
2015/04/10 Javascript
基于jQuery实现的旋转彩圈实例
2015/06/26 Javascript
javascript实现很浪漫的气泡冒出特效
2020/09/05 Javascript
Vue.js实战之使用Vuex + axios发送请求详解
2017/04/04 Javascript
浅谈ES6新增的数组方法和对象
2017/08/08 Javascript
jQuery实现html双向绑定功能示例
2017/10/09 jQuery
javascript Function函数理解与实战
2017/12/01 Javascript
vue的全局变量和全局拦截请求器的示例代码
2018/09/13 Javascript
Node.js对MongoDB进行增删改查操作的实例代码
2019/04/18 Javascript
JavaScript中的各种宽高属性的实现
2020/05/08 Javascript
Python使用Pycrypto库进行RSA加密的方法详解
2016/06/06 Python
修复CentOS7升级Python到3.6版本后yum不能正确使用的解决方法
2018/01/26 Python
python3+requests接口自动化session操作方法
2018/10/13 Python
浅谈pandas筛选出表中满足另一个表所有条件的数据方法
2019/02/08 Python
使用pytorch实现可视化中间层的结果
2019/12/30 Python
python实现信号时域统计特征提取代码
2020/02/26 Python
pyinstaller打包找不到文件的问题解决
2020/04/15 Python
django 数据库返回queryset实现封装为字典
2020/05/19 Python
Python脚本如何在bilibili中查找弹幕发送者
2020/06/04 Python
Python3爬虫里关于识别微博宫格验证码的知识点详解
2020/07/30 Python
Python classmethod装饰器原理及用法解析
2020/10/17 Python
惠普新加坡官方商店:HP Singapore
2020/04/17 全球购物
工程开工庆典邀请函
2014/02/01 职场文书
幼儿园运动会加油词
2014/02/14 职场文书
委托公证书
2014/04/08 职场文书
法院个人总结
2015/03/03 职场文书
金砖之国观后感
2015/06/11 职场文书
导游词之张家口
2019/12/13 职场文书
Python带你从浅入深探究Tuple(基础篇)
2021/05/15 Python
react使用antd的上传组件实现文件表单一起提交功能(完整代码)
2021/06/29 Javascript