Как я могу установить ограничение текстового поля до 500 байт?

Question

У меня есть одно текстовое поле, и я хочу ограничить его максимальный ввод символов до 500 байтов. Как это возможно? Может быть, я должен использовать JQuery для этого. Но я не знаю как. Любой лучший пример? В моем вопросе я хочу ограничить ограничение до 500 байтов, что отличается от 500 символов.

Answer 1

Используя JavaScript, вы можете получить количество байтов из строки, например:

document
  .getElementById('str')
  .addEventListener('input', function() {
    var bytes = encodeURI(this.value).split(/%..|./).length - 1;
    // your logic...

    console.clear();
    console.log(bytes + ' bytes');        
  });

<input type="text" id="str">