限制文本字节数的JS源代码程序

17 篇文章 0 订阅
10 篇文章 0 订阅

关于文本限制字数的问题,在实际开发中经常用到;主要问题出现在对中文的限制,下面代码就解决关于限制字节数的校验问题;只要将此下代码保存到一个js文件中并引入到校验的页面中,便可使用!同时希望大家给与大力支持和宝贵意见,本人会在今后闲余之际,发表更多的好文章,谢谢!!

 

byteLength:数据库字节长度
title:字段中文名称
attribute:属性名称(固定为:this)
使用方法说明:

(1)在文本对象中添加onkeyup事件: οnkeyup="limitLength(this,'名称',100)"即可。

 

    <script type="text/javascript">
        function limitLength(attribute, title, byteLength) {
            //var byteLength=8;
            //alert(attribute);
            var count = 0;
            //alert(count);
            var value = attribute.value;
            var newvalue = value.replace(/[^\x00-\xff]/g, "**");
            var length = newvalue.length;
            //alert(newvalue);
            //当填写的字节数小于设置的字节数
            if (length * 1 <= byteLength * 1) {
                return;
            }
            var limitData = newvalue.substr(0, byteLength);
            //alert(limitData);
            var count = 0;
            var limitvalue = "";
            for (var i = 0; i < limitData.length; i++) {
                var flat = limitData.substr(i, 1);
                if (flat == "*") {
                    count++;
                }
            }
            //alert(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 + "个汉字)!");
            attribute.value = limitvalue;
            attribute.focus();
            return;
        }
    </script>

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值