Как считать количество символов для разных инпутов на одной странице?

Question

[Artem Kom]

Здравствуйте уважаемые сообщники. Есть вопрос.
Дано
По данной ссылке (смотрим пример 3!) описан способ с помощь которого можно считать количество символов в инпуте и выводить счетчик показывающий сколько символов осталось до установленного ограничения.

Вариант хороший и вполне себе работает, но есть одно но.

Вопрос
Как быть если на странице сто двадцать инпутов и сто двадцать ограничений для ввода соответственно? Дублировать яваскрипт функцию не очень хочется для каждого инпута. Есть ли возможность сделать одну функцию, но которая бы работала про разному для разных инпутов и ограничений.

Заранее большое спасибо за помощь.

Answer 1

[Bowen]

Подойдет?)

Comments

[Artem Kom]

Вообще-то это круто. Это оно. Спасибо тебе человек!!! А можно ли еще сделать так, чтобы эта подсказка (текст с кол-вом оставшихся символов) показывалась только когда курсор находится в соответствующем инпуте?

[Bowen]

Artem Kom: Так?

[Artem Kom]

Bowen: Ну, в идеале и текст тоже должен скрываться и текст подсказки при достижении минимального значения красным становиться (как в примере топика), но я думаю это уже сам допилю. Надо ж и самому развиваться. Спасибо тебе еще раз человек! :)

[Artem Kom]

Bowen: дико извиняюсь за назойливость, но почему-то ваш вариант не хочет работать в отдельном файле. Т.е. на cssdesc по ссылке все круто. Только пытаюсь вставить это в тестовый локальный файл - ни фига. Притом консоль никаких ошибок не выдает :(

[Artem Kom]

Bowen: Разобрался. Заработало. Еще раз спасибо.

Answer 2

[Златослав Десятников]

Сделать у каждого инпута атрибут data-max с максимальным кол-вом символов. Далее jQuery.
Вот линк на JS Bin.

Comments

[Artem Kom]

Ну это как бы и так понятно. Вопрос немного не в том был, но все равно спасибо, что откликнулись

[Златослав Десятников]

Artem Kom: ой, чего-то я совсем не о том подумал.