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

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

<!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>

声明：该文观点仅代表作者本人，牛骨文系教育信息发布平台，牛骨文仅提供信息存储空间服务。

上一篇： new 动态分配数组空间
下一篇： C/C++动态分配与释放内存的区别详细解析

热门文章: CTF writeup 2_南邮网络攻防训...; SSM框架——详细整合教程（...; Linux Shell脚本编程－－curl命...; HttpClient使用详解; Java面试题全集（上）; JAVA设计模式之单例模式; java.lang.OutOfMemoryError: PermGen ...; TCP协议中的三次握手和四次...; form表单的两种提交方式，su...; String,StringBuffer与StringBuilder...

最新文章: Java之品优购课程讲义_day20（7）; 剑指 Offer - 8：跳台阶; Netty权威指南_札记02_NIO编程; mysql时间属性之时间戳和datetime之...; 虚拟现实或许可以拯救古埃及的“...; spring cloud服务注册中心eureka---集群...; Java SE 第六章; HTTP请求+数据库; HIDL学习笔记之HIDL C++（第二天）; ubuntu系统下指定tomcat运行时为JDK1.8...