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 相关文章推荐
Javascript &amp; DHTML 实例编程(教程)(三)初级实例篇1—上传文件控件实例
Jun 02 Javascript
JQuery SELECT单选模拟jQuery.select.js
Nov 12 Javascript
js三种排序算法分享
Aug 16 Javascript
页面定时刷新(1秒刷新一次)
Nov 22 Javascript
jQuery鼠标悬浮链接弹出跟随图片实例代码
Jan 08 Javascript
AngularJS中过滤器的使用与自定义实例代码
Sep 17 Javascript
vue插件tab选项卡使用小结
Oct 27 Javascript
详解vue-cli+es6引入es5写的js(两种方法)
Apr 19 Javascript
小程序登录/注册页面设计的实现代码
May 24 Javascript
微信小程序tab切换可滑动切换导航栏跟随滚动实现代码
Sep 04 Javascript
微信小程序点击顶部导航栏切换样式代码实例
Nov 12 Javascript
如何在 Vue 表单中处理图片
Jan 26 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求最大子序列和的算法实现
2011/06/24 PHP
解决php表单重复提交实现方法
2015/09/29 PHP
Thinkphp框架中D方法与M方法的区别
2016/12/23 PHP
php UNIX时间戳用法详解
2017/02/16 PHP
表单项的name命名为submit、reset引起的问题
2007/12/22 Javascript
jquery获取下拉列表的值为null的解决方法
2011/03/18 Javascript
node.js中的events.emitter.removeAllListeners方法使用说明
2014/12/10 Javascript
jQuery实现的超简单点赞效果实例分析
2015/12/31 Javascript
js实现简单的碰壁反弹效果
2016/08/30 Javascript
浅谈jquery采用attr修改form表单enctype不起作用的问题
2016/11/25 Javascript
前端跨域的几种解决方式总结(推荐)
2017/08/16 Javascript
浅谈react 同构之样式直出
2017/11/07 Javascript
AngularJS实现的锚点楼层跳转功能示例
2018/01/02 Javascript
vue实现form表单与table表格的数据关联功能示例
2019/01/29 Javascript
jquery.tagsinput.js实现记录checkbox勾选的顺序
2019/09/21 jQuery
vue中在vuex的actions中请求数据实例
2019/11/08 Javascript
weui上传多图片,压缩,base64编码的示例代码
2020/06/22 Javascript
vue 动态设置img的src地址无效,npm run build 后找不到文件的解决
2020/07/26 Javascript
浅谈Vue使用Cascader级联选择器数据回显中的坑
2020/10/31 Javascript
python3.x 将byte转成字符串的方法
2018/07/17 Python
Python Flask 搭建微信小程序后台详解
2019/05/06 Python
Python直接赋值、浅拷贝与深度拷贝实例分析
2019/06/18 Python
Python列表元素常见操作简单示例
2019/10/25 Python
Python 实现3种回归模型(Linear Regression,Lasso,Ridge)的示例
2020/10/15 Python
python使用matplotlib的savefig保存时图片保存不完整的问题
2021/01/08 Python
带有css3动画效果的兼容多浏览器简单导航条示例
2014/01/26 HTML / CSS
LACOSTE波兰官网:Polo衫、服装和鞋类
2020/09/29 全球购物
财务会计岗位职责
2015/02/03 职场文书
人事行政主管岗位职责
2015/04/09 职场文书
质量承诺书格式范文
2015/04/28 职场文书
2015年幼儿园卫生保健工作总结
2015/05/12 职场文书
卢旺达饭店观后感
2015/06/05 职场文书
共青团优秀团员申请书(范文)
2019/08/15 职场文书
珍惜时间的诗歌赏析
2019/08/23 职场文书
导游词之宁夏贺兰山岩画
2019/11/08 职场文书
HTML页面点击按钮关闭页面的多种方式
2022/12/24 HTML / CSS