Открыть меню    

Плагин jQuery для ограничения (подсчета) символов у элемента textarea

Реализуем textarea c ограничением по количеству введенных в textarea символов. Количество символов доступных для ввода в элемент textarea будем выводить в дополнительном блоке под самим элементом textarea. Пример нашей задачи и соответствующий код расположены ниже.

Пример подсчета символов:

Текст рассылки

Осталось символов: 156

   $(document).ready(function(){
    // textarea count
    $.fn.extend({
        limiter: function(options) {

            var defaults = {
                limit:200,
                elTrt: ".layout__count-textAr"   // цель для счетчика
            }
            var options =  $.extend(defaults, options);
            var limit = options.limit;

            return this.each(function() {

                    var elem = $(options.elTrt, $(this).parent());
                    $(this).on("keyup focus", function() {

                        var chars = this.value.length;
                        if (chars > limit) {
                            this.value = this.value.substr(0, limit);
                            chars = limit;
                        }
                        elem.html( limit - chars ); // выводим, сколько
                                                    // символов осталось
                    });

                    var chars = this.value.length;
                    if (chars > limit) {
                        this.value = this.value.substr(0, limit);
                        chars = limit;
                    }
                    elem.html( limit - chars );
            });
        }
    });
    $("#text").limiter();
    // end  textarea count
    })

Комментарии к статье

аватарка пользователя
2013-08-15
Евгений

как применить можно подробнее спасибо

аватарка пользователя
2013-08-15
dnzl

Евгений, скрипт перед вами, как еще подробнее?

Добавить комментарий к сниппету