zoukankan      html  css  js  c++  java
  • 类似新浪微博输入字符计数的效果

    var app = {
        //获取字符长度
        getLength: function (str) {
            var length = 0;
            if ( !! str) {
                var excStr = str.replace(/[u4E00-u9FFF]+/, "");
                var chinaLength = str.length - excStr.length;
                length = chinaLength + str.length;
            }
            return length;
        },
        //验证字符是否超过最大长度
        checkMaxLength: function (doc) {
     
            var maxLength = parseInt(doc.attr("data-maxlength")); //这个属性的值是可以输入的最大值
            var currentLength = app.getLength(doc.val());
            var tips = doc.siblings('span.wordLimit'); //显示字数的span
     
            if (currentLength > maxLength) {
                tips.text(currentLength + "/" + maxLength).css("color", "red");
                doc.text();
                return false;
            } else {
                tips.text(currentLength + "/" + maxLength).css("color", "#999");
                return true;
            }
        },
     
        init: function () {
            $('textarea[data-maxlength]').keyup(function () {
                app.checkMaxLength($(this))
            });
        }
    };
     
    app.init();

     如果需要用的话,给输入字符的textarea一个data-maxlength的属性,修改下显示计算字符的标签就可以了

  • 相关阅读:
    C# MATLAB混编(二)
    C# MATLAB混编(一)
    C#编程.循环的中断
    WPS 常用操作
    PowerDesigner 操作手册
    软件开发-零散问题
    代码优化
    layui 前端UI框架
    css 样式渲染
    linux 操作系统
  • 原文地址:https://www.cnblogs.com/muwei/p/4932386.html
Copyright © 2011-2022 走看看