扩展Jquery Input Limiter支持超出字数显示

最新推荐文章于 2023-06-07 10:06:22 发布

iteye_14452

最新推荐文章于 2023-06-07 10:06:22 发布

阅读量260

点赞数

文章标签： jQuery 新浪微博 ViewUI

本文链接：https://blog.csdn.net/iteye_14452/article/details/81959440

版权

Jquery Input Limiter默认的设置不支持超出字数显示，超出了限制字数就不能再输入了。不能像新浪未微博一样可以输入很多字，如果超出140字就提示已经超出了多少字。要实现这个功能只需要对Jquery Input Limiter做点小的扩展就行了。原理是把limit设置大点，比如1000，假如限制输入60字，那么可以如下扩展：

$(function() {
        
        $('textarea').inputlimiter({
            limit: 1000,
            
            remTextFilter: function (opts, charsRemaining) {
                var charsTyped = opts.limit - charsRemaining;
                if(charsTyped<=60){
                    $allowdChars=60-charsTyped;

                    return "您还可以再输入<span style='color:green;font-size:14px;font-weight:bold;'>"+ $allowdChars+"</span>个字 ...";
                }else{
                    $exceedChars=charsTyped-60;
                    return "您已经超出<span style='color:red;;font-size:14px;font-weight:bold;'>"+$exceedChars+"</span>个字 ..";
                }
            },
            remFullText: '',
            limitText: ''
        });