首页  >  文章  >  web前端  >  如何使用 JavaScript 强制执行 HTML 文本区域的最大长度?

如何使用 JavaScript 强制执行 HTML 文本区域的最大长度?

Barbara Streisand
Barbara Streisand原创
2024-10-20 18:22:02143浏览

How to Enforce Maximum Length on HTML Textareas Using JavaScript?

使用 JavaScript 对 HTML 文本区域强制最大长度

如何对

一种方法是在每个文本区域中使用 onkeypress 和 onkeyup 属性处理按键事件:

<textarea onkeypress="return imposeMaxLength(event, this, 110);" rows="4" cols="50"></textarea>

<script>
  function imposeMaxLength(event, object, maxLength) {
    return (object.value.length <= maxLength) || (event.keyCode == 8 || event.keyCode == 46 || (event.keyCode >= 35 && event.keyCode <= 40));
  }
</script>

但是,手动将这些属性添加到每个文本区域可能会变得乏味。这是自动执行该过程的另一种方法:

window.onload = function() {
  var txts = document.getElementsByTagName('TEXTAREA');

  for (var i = 0, l = txts.length; i < l; i++) {
    if (/^[0-9]+$/.test(txts[i].getAttribute("maxlength"))) {
      var func = function() {
        var len = parseInt(this.getAttribute("maxlength"), 10);

        if (this.value.length > len) {
          alert('Maximum length exceeded: ' + len);
          this.value = this.value.substr(0, len);
          return false;
        }
      }

      txts[i].onkeyup = func;
      txts[i].onblur = func;
    }
  }
};

此脚本在页面加载时初始化并迭代所有

以上是如何使用 JavaScript 强制执行 HTML 文本区域的最大长度?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn