首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-11-23 
扩展Jquery Input Limiter支持超出字数显示Jquery Input Limiter默认的设置不支持超出字数显示,超出了限制

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

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: ''        });

热点排行