2016-01-18 3 views
0

Итак, я пытался получить эту работу в течение 2 дней и все равно не повезло. У меня есть функция, которая подсчитывает символы текстового поля и отображает результаты в метке.Подсчет символов текстового поля с помощью функции

function textCounter2(field, counter, maxlimit) { 

    if (field.value.length > maxlimit) 
     field.value = field.value.substring(0, maxlimit); 
    else 
     document.getElementById('subtitlecount_lbl').innerText = maxlimit - field.value.length; 
} 

То, что я пытаюсь сделать, это использовать (входная переменная счетчика) внутри getElementByID вместо ручного ввода subtitlecount_lbl.

Мне нужно использовать ту же функцию для примерно 15 текстовых полей и меток.

+0

Является '' subtitlecount_lbl' в textarea' элемент или какой-либо другой, не входной элемент (вроде '' div', span' и т.д.)? – omerowitz

ответ

0

Его рабочий штраф. Возможно, это проблема с правильной передачей параметров.

function textCounter2(field, counter, maxlimit) { 
 
    if (field.value.length > maxlimit) { 
 
     field.value = field.value.substring(0, maxlimit); 
 
    } else { 
 
     document.getElementById(counter).innerText = maxlimit - field.value.length; 
 
    } 
 
}
<input name="test" onkeyup="textCounter2(this, 'subtitlecount_lbl', 5)" onchange="textCounter2(this, 'subtitlecount_lbl', 5)" /><br /> 
 
<span id="subtitlecount_lbl"></span> characters left

+0

да, у вас есть это как «пролет», если это был знак asp.net –

+0

, но он должен работать на стороне клиента? –

+1

Я получил это, чтобы работать. Моя проблема заключалась не в том, чтобы делать кавычки при вызове функции onchange .. Большое спасибо! –