首页 > 其他 > 详细

类似新浪微博输入字符计数的效果

时间:2015-11-03 12:04:48      阅读:322      评论:0      收藏:0      [点我收藏+]
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();

 

类似新浪微博输入字符计数的效果

原文:http://www.cnblogs.com/muwei/p/4932386.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!