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 相关文章推荐
cument.execCommand()用法深入理解
Dec 04 Javascript
Extjs改变树节点的勾选状态点击按钮将复选框去掉
Nov 14 Javascript
详细分析使用AngularJS编程中提交表单的方式
Jun 19 Javascript
JavaScript学习小结(一)——JavaScript入门基础
Sep 02 Javascript
深入理解JavaScript中Ajax
Aug 02 Javascript
原生js实现ajax方法(超简单)
Sep 20 Javascript
JS 滚动事件window.onscroll与position:fixed写兼容IE6的回到顶部组件
Oct 10 Javascript
详解Jquery 遍历数组之$().each方法与$.each()方法介绍
Jan 09 Javascript
Vue.js实现在下拉列表区域外点击即可关闭下拉列表的功能(自定义下拉列表)
May 30 Javascript
原生js获取left值和top值的三种方法
Aug 02 Javascript
详解vue axios用post提交的数据格式
Aug 07 Javascript
js实现倒计时秒杀效果
Mar 25 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+mysql 采用ajax技术的 省 市 地 3级联动无刷新菜单 源码
2006/12/16 PHP
smarty 缓存控制前的页面静态化原理
2013/03/15 PHP
smarty自定义函数htmlcheckboxes用法实例
2015/01/22 PHP
PHP开启opcache提升代码性能
2015/04/26 PHP
54个提高PHP程序运行效率的方法
2015/07/19 PHP
一个简单安全的PHP验证码类、PHP验证码
2016/09/24 PHP
php UNIX时间戳用法详解
2017/02/16 PHP
Javascript实现CheckBox的全选与取消全选的代码
2010/07/20 Javascript
表格单元格交错着色实现思路及代码
2013/04/01 Javascript
快速掌握Node.js中setTimeout和setInterval的使用方法
2016/03/21 Javascript
移动端H5开发 Turn.js实现很棒的翻书效果
2016/06/20 Javascript
一个超简单的jQuery回调函数例子(分享)
2016/08/08 Javascript
Angular 应用技巧总结
2016/09/14 Javascript
微信小程序上滑加载下拉刷新(onscrollLower)分批加载数据(二)
2017/05/11 Javascript
JS中Swiper的使用和轮播图效果
2017/08/11 Javascript
深入浅析Vue中的slots/scoped slots
2018/04/03 Javascript
Vue-cli4 配置 element-ui 按需引入操作
2020/09/11 Javascript
html中创建并调用vue组件的几种方法汇总
2020/11/17 Javascript
react-native 实现购物车滑动删除效果的示例代码
2021/01/15 Javascript
Python最基本的数据类型以及对元组的介绍
2015/04/14 Python
Python中的sort()方法使用基础教程
2017/01/08 Python
利用Python中unittest实现简单的单元测试实例详解
2017/01/09 Python
python3中str(字符串)的使用教程
2017/03/23 Python
python 二分查找和快速排序实例详解
2017/10/13 Python
Python网络爬虫中的同步与异步示例详解
2018/02/03 Python
python新手学习使用库
2020/06/11 Python
python判断是空的实例分享
2020/07/06 Python
总经理办公室主任岗位职责
2013/11/12 职场文书
合同协议书格式
2014/04/18 职场文书
个人批评与自我批评范文
2014/10/17 职场文书
夫妻忠诚协议书范本
2014/11/17 职场文书
2014年幼儿园学期工作总结
2014/12/05 职场文书
面试通知单大全
2015/04/20 职场文书
售后服务质量承诺书
2015/04/29 职场文书
简爱读书笔记
2015/06/26 职场文书
分析JVM源码之Thread.interrupt系统级别线程打断
2021/06/29 Java/Android