Как сделать ограничение в textarea до 200 символов?

Question

[olya_097]

Как сделать ограничение в textarea до 200 символов?

Answer 1

[Stalker_RED]

<textarea maxlength="200">
скрипты не нужны
</textarea>

Comments

[olya_097]

Stalker_RED, а если настояли именно на js?

[Stalker_RED]

olya_097, слушать кнопки (keypress, keydown), проверять сколько символов введено.
Делать preventDefault и/или отрезать лишние символы.

Еще придется определять какие кнопки были нажаты, потому что новые символы хоть и нельзя, а вот backspace или стрелочки наверняка должны работать.

Еще по хорошему надо слушать событие paste, потому что могут вставить большой текст по ctrl+v.

А еще могут вставить скриптом.

А тем кто там настаивает, скажите что они злые. maxlength и лучше и проще почти во всех случаях.

[olya_097]

Stalker_RED, вот пробую
https://codepen.io/anon/pen/PvppYZ

не подскажете что не так? почему ничего не происходит?

и что посоветуете, если рядом нужно показывать сколько осталось вводить символов? до так называемого лимита

[Stalker_RED]

olya_097, там полно ошибок, потому и не происходит.

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

[olya_097]

Stalker_RED, перезанималась сегодня
А сама логика там нормальная?

[Stalker_RED]

olya_097, нет, там только первая строчка нормальная, а дальше лажа

[olya_097]

Stalker_RED, так нормально?
https://codepen.io/anon/pen/WBpPeJ

[olya_097]

Stalker_RED, счетчик то уже дополнение
Но суть не в нем
А в добавлении таким образом атрибута
Так вроде более надежно

[Sedbol]

Stalker_RED, А причем здесь textarea и блок DIV ? Я про комментарий на этот вопрос и я еще по вашей вине объединил(((( Человек там ответил верно мне

[Stalker_RED]

Sedbol, можно скопировать 100500 символов из книжки, пкм->вставить в ваш див, и решение того человека ничего не сделает.

[Sedbol]

Stalker_RED, Это для отправки в чат ну и что пускай вставляют в отправке можно обрезать!

[Stalker_RED]

Sedbol, ну ок. Пишите модератору чтоб разлепил обратно.

Answer 2

[Alfieros]

<textarea maxlength="число символов"></textarea>

Answer 3

[deepblack]

<textarea autofocus maxlength="200"></textarea

Comments

[olya_097]

Андрей, а если настояли именно на js?

[deepblack]

olya_097, смотри ответ Stalker_RED в комментариях

Answer 4

[Dima Magas]

var message = document.getElementById("message"); //Получаем id textarea

message.onkeypress = function() {
if(message.value.length >= 200) {
return false;
}
}