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 + Ajax调用webService实例代码(asp.net)
Aug 27 Javascript
ajax更新数据后,jquery、jq失效问题
Mar 16 Javascript
JavaScript中合并数组的N种方法
Sep 16 Javascript
node.js Sequelize实现单实例字段或批量自增、自减
Dec 08 Javascript
jquery利用json实现页面之间传值的实例解析
Dec 12 Javascript
Vue实现路由跳转和嵌套
Jun 20 Javascript
react配合antd组件实现的管理系统示例代码
Apr 24 Javascript
详解jQuery如何实现模糊搜索
May 10 jQuery
js canvas实现5张图片合成一张图片
Jul 15 Javascript
js定义类的方法示例【ES5与ES6】
Jul 30 Javascript
使用 Element UI Table 的 slot-scope方法
Oct 10 Javascript
vue elementUI表格控制对应列
Apr 13 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初学者们头痛的十四个问题
2007/01/15 PHP
php创建sprite
2014/02/11 PHP
destoon会员注册提示“数据校验失败(2)”解决方法
2014/06/21 PHP
php array_map使用自定义的函数处理数组中的每个值
2016/10/26 PHP
PHP echo()函数讲解
2019/02/15 PHP
jquery URL参数判断,确定菜单样式
2010/05/31 Javascript
利用JS判断用户是否上网(连接网络)
2013/12/23 Javascript
jquery任意位置浮动固定层插件用法实例
2015/05/29 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件体系结构
2015/11/19 Javascript
JS获取当前地理位置的方法
2017/10/25 Javascript
Nodejs下使用gm圆形裁剪并合成图片的示例
2018/02/22 NodeJs
iview form清除校验状态的实现
2019/09/19 Javascript
layui的select联动实现代码
2019/09/28 Javascript
Vue Render函数创建DOM节点代码实例
2020/07/08 Javascript
[01:18:45]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第三场2月1日
2021/03/11 DOTA
使用pdb模块调试Python程序实例
2015/06/02 Python
python3+dlib实现人脸识别和情绪分析
2018/04/21 Python
python opencv3实现人脸识别(windows)
2018/05/25 Python
Python SMTP发送邮件遇到的一些问题及解决办法
2018/10/24 Python
python+django+rest框架配置创建方法
2019/08/31 Python
使用python实现时间序列白噪声检验方式
2020/06/03 Python
python获取时间戳的实现示例(10位和13位)
2020/09/23 Python
使用CSS变量实现炫酷惊人的悬浮效果
2019/04/26 HTML / CSS
如何使用css3实现一个类在线直播的队列动画的示例代码
2020/06/17 HTML / CSS
东南亚冒险旅行与活动:Adventoro
2019/10/16 全球购物
商场总经理岗位职责
2014/02/03 职场文书
公司晚会主持词
2014/03/22 职场文书
项目投资建议书
2014/05/16 职场文书
业绩倒数第一的检讨书
2014/09/24 职场文书
机电专业毕业生自我鉴定2014
2014/10/04 职场文书
2014年施工员工作总结
2014/11/18 职场文书
个人典型事迹材料
2014/12/30 职场文书
幼儿园亲子活动感想
2015/08/07 职场文书
Python中的xlrd模块使用整理
2021/06/15 Python
Python3.8官网文档之类的基础语法阅读
2021/09/04 Python
使用ICOM IC-R9500接收机同时测评十台收音机中波接收性能
2022/05/10 无线电