Показать сообщение отдельно
  #1 (permalink)  
Старый 22.10.2013, 16:15
Интересующийся
Отправить личное сообщение для y0uix Посмотреть профиль Найти все сообщения от y0uix
 
Регистрация: 22.10.2013
Сообщений: 11

Контроль количества вводимых в форму символов
Здравствуйте, уважаемые форумчане!
Пишу форму обратной связи и хочу прикрутить счетчик вводимых символов. Найти и подключить jquery-плагин не проблема, - хочу сделать лаконично, производительно и с полным пониманием процесса. В главе про события клавиатуры тут в учебнике (пользуясь случаем хочу выразить глубокую благодарность его автору и переводчику) указан пример кода для простейшего случая -хочу его адаптировать для своего и не совсем получается.
Вот выдержки из кода с комментариями:
/* объявляю массив подстрок для последующей генерации айдишников полей формы (3 инпута и одна текстария), переменнную для текущего элемента и переменную для айдишников полей вывода числа символов */
var listTypes = ['name', 'email', 'theme', 'text'], currentElem, idCount;
function showCount(idCount, currentElem) {
        document.getElementById(idCount).innerHTML = currentElem.value.length;
    }
for ( var k = 0; k < 4; k++ ) {
        idCount = 'symbols_' + listTypes[k];
        currentElem = document.getElementById(listTypes[k] + '_item');
        currentElem.oncut = currentElem.onkeyup = currentElem.oninput = showCount(idCount, currentElem);
// закомментированный код тоже не работает, его пробовал 
// подставлять в выражение выше
//            function(idCount, currentElem) {
//            document.getElementById(idCount).innerHTML = currentElem.value.length;
//        };
        currentElem.onpropertychange = function(idCount, currentElem) {
            if (event.propertyName == "value") showCount(idCount, currentElem);
        };
    }

Причем в финальном варианте работает но очень криво, не происходит измменений счетчика по мере введения символов.

Подскажите пожалуйста что я делаю не так и как лучше сделать, спасибо.
Ответить с цитированием