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 相关文章推荐
分享10篇优秀的jQuery幻灯片制作教程及应用案例
Apr 16 Javascript
基于javascipt-dom编程 table对象的使用
Apr 22 Javascript
利用JS延迟加载百度分享代码,提高网页速度
Jul 01 Javascript
jquery 实现密码框的显示与隐藏示例代码
Sep 18 Javascript
jquery1.10给新增元素绑定事件的方法
Mar 06 Javascript
JavaSacript中charCodeAt()方法的使用详解
Jun 05 Javascript
jQuery实现分章节锚点“回到顶部”动画特效代码
Oct 23 Javascript
input获取焦点时底部菜单被顶上来问题的解决办法
Jan 24 Javascript
RequireJs的使用详解
Feb 19 Javascript
layui实现下拉复选功能的例子(包括数据的回显与上传)
Sep 24 Javascript
java遇到微信小程序 &quot;支付验证签名失败&quot; 问题解决
Dec 22 Javascript
解决vue无法侦听数组及对象属性的变化问题
Jul 17 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为表单获取的URL 地址预设 http 字符串函数代码
2010/05/26 PHP
PHP连接MongoDB示例代码
2012/09/06 PHP
php中多维数组按指定value排序的实现代码
2014/08/19 PHP
php从字符串创建函数的方法
2015/03/16 PHP
使用PHP实现下载CSS文件中的图片
2015/12/06 PHP
php使用ffmpeg向视频中添加文字字幕的实现方法
2016/05/23 PHP
PHP基于SMTP协议实现邮件发送实例代码
2017/04/27 PHP
php获取微信openid方法总结
2019/10/10 PHP
免费空间广告万能消除代码
2006/09/04 Javascript
JavaScript的arguments对象应用示例
2014/09/15 Javascript
jQuery遍历页面所有CheckBox查看是否被选中的方法
2015/04/14 Javascript
javascript获取文档坐标和视口坐标
2015/05/26 Javascript
浅谈JavaScript 的执行顺序
2015/08/07 Javascript
jQuery实现淡入淡出二级下拉导航菜单的方法
2015/08/28 Javascript
全面解析Bootstrap中tooltip、popover的使用方法
2016/06/13 Javascript
浅谈Nodejs应用主文件index.js
2016/08/28 NodeJs
bootstrap datetimepicker2.3.11时间插件使用
2016/11/19 Javascript
jQuery插件版本冲突的处理方法分析
2017/01/16 Javascript
JSON创建键值对(key是中文或者数字)方式详解
2017/08/24 Javascript
详解vue数组遍历方法forEach和map的原理解析和实际应用
2018/11/15 Javascript
微信小程序wx.request拦截器使用详解
2019/07/09 Javascript
微信小程序 子级页面返回父级并把子级参数带回父级实现方法
2019/08/22 Javascript
详解实现vue的数据响应式原理
2021/01/20 Vue.js
对Python中内置异常层次结构详解
2018/10/18 Python
python可视化篇之流式数据监控的实现
2019/08/07 Python
解决python DataFrame 打印结果不换行问题
2020/04/09 Python
AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代码
2020/08/19 HTML / CSS
非洲NO.1网上商店:Jumia肯尼亚
2016/08/18 全球购物
凯普林包包西班牙官网:Kipling西班牙
2019/04/12 全球购物
DOUGLAS波兰:在线销售香水和化妆品
2020/07/05 全球购物
Abbott Lyon官网:女士手表、珠宝及配件
2020/12/26 全球购物
初中军训感想300字
2014/03/05 职场文书
教师岗位聘任书范文
2014/03/29 职场文书
2015年保险公司个人工作总结
2015/05/22 职场文书
解决MySQL存储时间出现不一致的问题
2021/04/28 MySQL
Python几种酷炫的进度条的方式
2022/04/11 Python