несколько textarea и яваскрипт (Стр. 1)

Zдешний 19.09.2013 / 14:47 Автор
Веем холодом

0

добрый день. нарыл такой код

<head><script type="text/javascript">
function check ()
{
        // допустимое количество символов
        var MAX_LEN = 30;
        // вычисляем, сколько символов введено
        var ta_len = document.getElementById("my_area").value.length;
        // вычисляем, сколько осталось ввести
        var rest = MAX_LEN - ta_len;
        // при достижении предела ограничиваем строку   
        if (ta_len > MAX_LEN )
                document.getElementById("my_area").value = document.getElementById("my_area").value.substr (0, MAX_LEN);
        else
        // или выводим сколько символов осталось
                document.getElementById("counter").firstChild.data = rest;      
}
</script>
</head>

<body>
<form id="my_form">
        <span style="padding-right:20px">Введите сообщение</span>
        Осталось символов: <span id="counter">30</span><br />
        <textarea id="my_area" rows="1" cols="35" onkeyup="check ()"></textarea><br />
</form>
</body>

это для одного поля, а что делать, если в форме например 3 поля textarea, и в каждом ограничение на разнок оличество символов? как сделать? smile

Zдешний 19.09.2013 / 15:09 Автор
Веем холодом

0

даже так, макисмальное количество символов возьмём из переменной, но остальное sad

Samxal 19.09.2013 / 15:21
Пришелец

0

Так пойдет ?

<head><script type="text/javascript"> 
function check (a,b,c) 
{ 
        // допустимое количество символов 
        var MAX_LEN = b; 
        // вычисляем, сколько символов введено 
        var ta_len = document.getElementById(a).value.length; 
        // вычисляем, сколько осталось ввести 
        var rest = MAX_LEN - ta_len; 
        // при достижении предела ограничиваем строку    
        if (ta_len > MAX_LEN ) 
                document.getElementById(a).value = document.getElementById(a).value.substr (0, MAX_LEN);
        else 
        // или выводим сколько символов осталось 
                document.getElementById(c).firstChild.data = rest;      
} 
</script> 
</head> 

<body> 
<form id="my_form"> 
        <span style="padding-right:20px">Введите сообщение 1</span> 
        Осталось символов: <span id="counter1">30</span><br /> 
        <textarea id="my_area" rows="1" cols="35" onkeyup="check ('my_area',30,'counter1')"></textarea><br /> 
        <span style="padding-right:20px">Введите сообщение 2</span> 
        Осталось символов: <span id="counter2">10</span><br /> 
<textarea id="my_area2" rows="1" cols="35" onkeyup="check ('my_area2',10,'counter2')"></textarea><br /> 
</form> 
</body>

А

Алексей 19.09.2013 / 15:25
Чатланин

0

держи http://jsfiddle.net/HLprp/5/

Zдешний 19.09.2013 / 17:29 Автор
Веем холодом

0

megabit (19 Сентября 2013 / 13:25)
держи http://jsfiddle.net/HLprp/5/

спс

и за ссылку тоже. не знал о таком ресурсе