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+CSS模拟可以无刷新显示内容的留言板实例
Mar 03 Javascript
jquery ajax 如何向jsp提交表单数据
Aug 23 Javascript
input点击后placeholder中的提示消息消失
Jan 15 Javascript
js实现贪吃蛇小游戏(容易理解)
Jan 22 Javascript
es6+angular1.X+webpack 实现按路由功能打包项目的示例
Aug 16 Javascript
arcgis for js栅格图层叠加(Raster Layer)问题
Nov 22 Javascript
webpack vue 项目打包生成的文件,资源文件报404问题的修复方法(总结篇)
Jan 09 Javascript
用node-webkit把web应用打包成桌面应用(windows环境)
Feb 01 Javascript
jQuery创建及操作xml格式数据示例
May 26 jQuery
详解Vue+axios+Node+express实现文件上传(用户头像上传)
Aug 10 Javascript
vue轮播组件实现$children和$parent 附带好用的gif录制工具
Sep 26 Javascript
koa中间件核心(koa-compose)源码解读分析
Jun 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
桌面中心(三)修改数据库
2006/10/09 PHP
php5新改动之短标记启用方法
2008/09/11 PHP
PHP中Header使用的HTTP协议及常用方法小结
2014/11/04 PHP
PHP生成不重复标识符的方法
2014/11/21 PHP
PHP SFTP实现上传下载功能
2017/07/26 PHP
PHP网页安全认证的实例详解
2017/09/28 PHP
javascript 对象比较实现代码
2009/04/27 Javascript
深入学习JavaScript的AngularJS框架中指令的使用方法
2016/03/05 Javascript
JavaScript性能优化总结之加载与执行
2016/08/11 Javascript
ES6中的数组扩展方法
2016/08/26 Javascript
bootstrap快速制作后台界面
2016/12/05 Javascript
解决ajax不能访问本地文件问题(利用js跨域原理)
2017/01/24 Javascript
详解JS构造函数中this和return
2017/09/16 Javascript
Vue from-validate 表单验证的示例代码
2017/09/26 Javascript
VS Code转换大小写、修改选中文字或代码颜色的方法
2017/12/15 Javascript
详解Element 指令clickoutside源码分析
2019/02/15 Javascript
详解Js里的for…in和for…of的用法
2019/03/28 Javascript
Python中的引用和拷贝浅析
2014/11/22 Python
详解Python中break语句的用法
2015/05/14 Python
Python同时向控制台和文件输出日志logging的方法
2015/05/26 Python
Python调用C++程序的方法详解
2017/01/24 Python
Python 实现数据库更新脚本的生成方法
2017/07/09 Python
python中利用await关键字如何等待Future对象完成详解
2017/09/07 Python
Linux下python制作名片示例
2018/07/20 Python
python实现梯度下降算法
2020/03/24 Python
Python 存储字符串时节省空间的方法
2019/04/23 Python
pycharm 代码自动补全的实现方法(图文)
2020/09/18 Python
pycharm 如何取消连按两下shift出现的全局搜索
2021/01/15 Python
世界上最大的家庭自动化公司:Smarthome
2017/12/20 全球购物
"序列点" 是什么
2016/07/29 面试题
大学运动会通讯稿
2014/01/28 职场文书
精彩广告词大全
2014/03/19 职场文书
《郑和远航》教学反思
2014/04/16 职场文书
保护校园环境倡议书
2015/04/28 职场文书
重阳节简报
2015/07/20 职场文书
Java基础——Map集合
2022/04/01 Java/Android