使用 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中文网其他相关文章!