Плагин 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
})
Комментарии к статье
как применить можно подробнее спасибо
Евгений, скрипт перед вами, как еще подробнее?