Автоматическое удаление текста в текстовой области

Question

Как я могу автоматически удалить текст в текстовой области, если текстовая строка превышает 100? Я хочу сделать это, потому что это замедляет работу браузера.

HTML:

<div class="form-group">
<textarea class="form-control" id="text" wrap="off"
placeholder="Autodelete the text here if value exceed more than 100!"></textarea>
</div>

Answer 1

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

let text = document.getElementById('text'); //Select your textarea
text.addEventListener("keyup" (e)=> {
    //Make it listen to a keyup event
    //So if someone left a key pressed, the screen will show the slice happening
    if (e.target.value.length > 100) e.target.value = e.target.value.slice(0,100);
    //Then, if its value exceeds 100 length, use slice method which create a new string
    //So, as it creates a new string you save it with assign operator
});

Надеюсь, это решит вашу проблему. Дайте мне знать, если вам нужно что-то уточнить.

Answer 2

Вы можете установить атрибут maxlength на 100, например -

<textarea class="form-control" id="text" wrap="off" maxlength=100
placeholder="Autodelete the text here if value exceed more than 100!"> 
</textarea>

Это не позволит пользователю вводить более 100 слов

Answer 3

Вы можете просто использовать атрибут maxlength и поместить значение в 100

<textarea class="form-control" id="text" wrap="off" maxlength=100
placeholder="Autodelete the text here if value exceed more than 100!"> 
</textarea>

Если это не сработает, тогда - вам сначала нужно добавить функцию javascript, в которой длина значения textarea вычисляется после этого, когда значение становится> 100, отключите текстовое поле, чтобы пользователь не мог добавить больше. не сработает. Когда пользователь останавливается после длительного нажатия, текстовое поле отключается.

Answer 4

Используйте maxlength для максимального количества символов.

maxlength = "nuber_of_characters"

<div class="form-group">
<textarea class="form-control" id="text" maxlength="100" 
wrap="off" placeholder="Autodelete the text here if value 
exceed more than 100!"></textarea>
</div>

Примечание : если вы хотите удалить весь текст, сделайте с js для подсчета длины и удаления всего текста. Ссылка: Подсчет символов текстового поля

Answer 5

document.getElementById('text').onkeyup = function () {
 console.log('text', this.value.length)
 if (this.value.length > 100) {
  this.value = '';
 }
};

<div class="form-group">
<textarea class="form-control" id="text" wrap="off"
placeholder="Autodelete the text here if value exceed more than 100!"></textarea>
</div>

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