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

创建时间：2017-03-22 投稿人：浏览次数：139

<!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(/[
]/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>

声明：该文观点仅代表作者本人，入门客AI创业平台信息发布平台仅提供信息存储空间服务，如有疑问请联系rumenke@qq.com。

热门文章: 手机网页meta 设置; 优化 Vue 项目编译文件大小 ...; 页面刷新vuex数据消失问题...; Vue+axios 实现http拦截及路由...; 计算出字符串中出现次数最...; HTML textarea输入框限制长度 ...

最新文章: 计算出字符串中出现次数最...; Vue+axios 实现http拦截及路由...; 页面刷新vuex数据消失问题...; 优化 Vue 项目编译文件大小 ...; 手机网页meta 设置; 输入框限制字符长度，解决...