输入框限制字符长度，解决让符号不占字节数

最新推荐文章于 2024-01-10 10:15:08 发布

huang100qi

最新推荐文章于 2024-01-10 10:15:08 发布

阅读量2.6k

点赞数

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

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>DEMO</title>
    <script src="jquery-1.12.3.min.js"></script>
</head>
<body>
<textarea id="inputText" rows="15" cols="60" >252222</textarea>
<div id="limitNum" class="limitShowText-js">10</div>
<script>

     function limit_textarea_input() {
         var maxLength = 20;
         var $inputText =$("#inputText");
         var $limitNum = $("#limitNum");
         function limitMain($obj,maxLength){
             var value = $obj.val();
             var pattern =  value.match(/[\r\n]/g);
             var enterSymbols = pattern ? pattern.length : 0;
             var len = maxLength - (value.length - enterSymbols);
             if (len < 0) {
                 $obj.val(value.substring(0,maxLength+enterSymbols));
                 len = 0;
             }
             $limitNum.text(len);
         }
         limitMain($inputText,maxLength);
         $inputText.on('input propertychange', function(e) {
             limitMain($(this),maxLength);
             e.stopPropagation();
         })
     }

    $(function(){
        limit_textarea_input();
    });



</script>
</body>
</html>

huang100qi

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
输入框限制字符长度，解决让符号不占字节数

html>html lang="en">head> meta charset="UTF-8"> title>DEMOtitle> script src="js/lib/jquery.min.js">script>head>body> textarea id="inputText" rows="15" cols="60" maxLength="20">text
复制链接

扫一扫