如何将文本字段限制设置为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">