解决文本框中输入字符限制---精确控制中文占两个字节，英文占一个字节~

最新推荐文章于 2023-08-08 11:26:11 发布

huang100qi

最新推荐文章于 2023-08-08 11:26:11 发布

阅读量5.4k

点赞数

本文链接：https://blog.csdn.net/huang100qi/article/details/50061837

版权

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="scripts/zepto.min.js"></script>
    <script>

        $(function () {
            $('#modifyPluginName').on('input', function (e) {
                var $that =  $(this),
                        limitLen = 10;                            //定义所需字节数
                $that.attr('maxlength',limitLen);
                setTimeout(function(){
                    var value =  $that.val(),
                        reg = /[\u4e00-\u9fa5]{1}/g,             //中文
                        notReg = /\w{1}/g;                      //非中文
                    var resultCn = value.match(reg);
                    var resultEn = value.match(notReg);
                    if(resultCn){
                        limitLen = limitLen - (resultCn.length*2);
                    }
                    if(resultEn){

                        limitLen = limitLen - resultEn.length;
                    }
                    if(limitLen<=0){
                        var finalLen = value.length+limitLen;
                        value = value.substring(0,finalLen);
                        $that.attr('maxlength',limitLen);
                        $that[0].value = value;
                    }
                },0);

            });
        });

    </script>
</head>
<body>
请输入：<input type="text"  id="modifyPluginName" maxlength="10">
</body>
</html>

huang100qi

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
解决文本框中输入字符限制---精确控制中文占两个字节，英文占一个字节~

html>html>head lang="en"> meta charset="UTF-8"> title>title> script src="scripts/zepto.min.js">script> script> $(function () { $('#modifyPluginName').on('input',
复制链接

扫一扫