Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Ограничение символов для нескольких textarea (https://javascript.ru/forum/dom-window/66456-ogranichenie-simvolov-dlya-neskolkikh-textarea.html)

рони 16.12.2016 22:46

nekada,
не понимаю

nekada 16.12.2016 22:56

рони,
Ну смотрите, я пишу в верхнем поле, а input считает символы в поле, которое ниже, если пишу в поле , которое ниже, input считает возле поля, которое еще ниже, а если уже пишу в самом нижнем поле последним, он совсем ничего не считает, и текста можно набрать хоть 1000 символов.
А с самым верхнем полем input совсем не считает, но больше 100 символов туда не зарядишь.

Мистика да и только )

рони 16.12.2016 23:01

nekada,
не осилил, пишите код и описание проблемы
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  </style>
  <script>
    window.addEventListener('DOMContentLoaded', function() {
      var inp = document.querySelectorAll('li [name="count"]');
      [].forEach.call(document.querySelectorAll('li textarea'), function(area, i) {
              var count = inp[i], limit = count.value;
              area.addEventListener('input', function() {
                  area.value = area.value.substring(0, limit);
                  count.value = limit - area.value.length;
              });
          });
        });
  </script>
</head>

<body>
<ul>
  <li>
<img>
<textarea></textarea>
<br>
<input readonly type="text" name="count" size="3" value="100"> осталось символов<br>
<span><a href="#">ссылко</a></span>
</li>

<li>
<img>
<textarea></textarea>
<br>
<input readonly type="text" name="count" size="3" value="100"> осталось символов<br>
<span><a href="#">ссылко</a></span>
</li>

<li>
<img>
<textarea></textarea>
<br>
<input readonly type="text" name="count" size="3" value="100"> осталось символов<br>
<span><a href="#">ссылко</a></span>
</li>
</ul>

</body>
</html>

nekada 16.12.2016 23:24

Блин я его в тело пихал, а сейчас в head запихнул стало норм работать, спасибо большое :)


Часовой пояс GMT +3, время: 10:43.