关于文本限制字数的js代码


Posted in Javascript onApril 02, 2007

做项目时自己写一段js给大家。关于文本限制字数的问题,在实际开发中经常用到;主要问题出现在对中文的限制,下面代码就解决关于限制字节数的校验问题;只要将此下代码保存到一个js文件中并引入到校验的页面中,便可使用!同时希望大家给与大力支持和宝贵意见,本人会在今后闲余之际,发表更多的好文章,谢谢!!
/*
 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 必填项判断表单是否为空的方法
Sep 14 Javascript
JavaScript入门教程(11) js事件处理
Jan 31 Javascript
让你的博文自动带上缩址的实现代码,方便发到微博客上
Dec 28 Javascript
THREE.JS入门教程(6)创建自己的全景图实现步骤
Jan 25 Javascript
jQuery中使用each处理json数据
Apr 23 Javascript
Vue.js每天必学之计算属性computed与$watch
Sep 05 Javascript
JS禁止查看网页源代码的实现方法
Oct 12 Javascript
Vue.js学习记录之在元素与template中使用v-if指令实例
Jun 27 Javascript
解决vue 打包发布去#和页面空白的问题
Sep 04 Javascript
更改BootStrap popover的默认样式及popover简单用法
Sep 13 Javascript
微信小程序页面间传值与页面取值操作实例分析
Apr 30 Javascript
vue3.0生命周期的示例代码
Sep 24 Javascript
屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键 的javascript代码
Apr 01 #Javascript
Javascript中的常见排序算法
Mar 27 #Javascript
一段多浏览器的&quot;复制到剪贴板&quot;javascript代码
Mar 27 #Javascript
CSDN轮换广告图片轮换效果
Mar 27 #Javascript
[原创]提供复制本站内容时出现,该文章转自脚本之家等字样的js代码
Mar 27 #Javascript
驱动事件的addEvent.js代码
Mar 27 #Javascript
网页自动刷新,不产生嗒嗒声的一个解决方法
Mar 27 #Javascript
You might like
CI分页类首页、尾页不显示的解决方法
2016/03/28 PHP
PHP实现上一篇下一篇的方法实例总结
2016/09/22 PHP
用javascript实现给出的盒子的序列是否可连为一矩型
2007/08/30 Javascript
javascript window.opener的用法分析
2010/04/07 Javascript
解析瀑布流布局:JS+绝对定位的实现
2013/05/08 Javascript
setTimeout()与setInterval()方法区别介绍
2013/12/24 Javascript
jquery.post用法之type设置问题
2014/02/24 Javascript
jquery ajax 如何向jsp提交表单数据
2015/08/23 Javascript
jQuery实现带渐显效果的人物多级关系图代码
2015/10/16 Javascript
JS实现的自定义网页拖动类
2015/11/06 Javascript
Angular如何引入第三方库的方法详解
2017/07/13 Javascript
vue2.0项目中使用Ueditor富文本编辑器示例代码
2017/08/14 Javascript
详解使用PM2管理nodejs进程
2017/10/24 NodeJs
详解node.js的http模块实例演示
2018/07/12 Javascript
详解javascript appendChild()的完整功能
2018/08/18 Javascript
详解Vue 全局变量,局部变量
2019/04/17 Javascript
Vue使用Three.js加载glTF模型的方法详解
2020/06/14 Javascript
jQuery zTree如何改变指定节点文本样式
2020/10/16 jQuery
用Python将IP地址在整型和字符串之间轻松转换
2017/03/22 Python
用virtualenv建立多个Python独立虚拟开发环境
2017/07/06 Python
详解用python实现简单的遗传算法
2018/01/02 Python
Python实现OpenCV的安装与使用示例
2018/03/30 Python
使用python 3实现发送邮件功能
2018/06/15 Python
浅谈numpy生成数组的零值问题
2018/11/12 Python
Python OpenCV利用笔记本摄像头实现人脸检测
2020/08/20 Python
在TensorFlow中屏蔽warning的方式
2020/02/04 Python
Python Tornado实现WEB服务器Socket服务器共存并实现交互的方法
2020/05/26 Python
html5.2 dialog简介详解
2018/02/27 HTML / CSS
美国网上眼镜商城:Zenni Optical
2016/11/20 全球购物
一套Delphi的笔试题二
2013/05/11 面试题
优秀党员先进事迹材料
2014/12/18 职场文书
2015年初三班主任工作总结
2015/05/21 职场文书
Python中requests做接口测试的方法
2021/05/30 Python
Python深度学习之实现卷积神经网络
2021/06/05 Python
详解MySQL中timestamp和datetime时区问题导致做DTS遇到的坑
2021/12/06 MySQL
win10系统xps文件怎么打开?win10打开xps文件的两种操作方法
2022/07/23 数码科技