为textarea 增加 maxlength 屬性

最新推荐文章于 2019-07-10 14:14:11 发布

最新推荐文章于 2019-07-10 14:14:11 发布 · 110 阅读

文章标签：

#JavaScript #ViewUI

Js DOM-- JavaScript 专栏收录该内容

30 篇文章

订阅专栏

本文介绍如何使用JavaScript限制HTML中Textarea的输入字符数。通过onkeyup事件结合maxlength属性，确保用户输入不会超过设定的最大长度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

o 如果只是單純地想限制 textarea 中的字數，不想寫太多的話，可用：

或

o 在 textarea 的 onkeyup 中檢查字數之方法：

.....
<script language="javascript" type="text/javascript">
function DjCheckMaxlength(oInObj)
{
      var iMaxLen = parseInt(oInObj.getAttribute('maxlength'));
      var iCurLen = oInObj.value.length;

      if ( oInObj.getAttribute && iCurLen > iMaxLen )
      {
          oInObj.value = oInObj.value.substring(0, iMaxLen);
      }
} //@ END OF DjCheckMaxlength()
</script>
.....
<textarea maxlength="80" onkeyup="return DjCheckMaxlength(this);"></textarea>
.....

o 設定好自動去檢查所有的 textarea 之方法：

.....
<head>
<script language="javascript" type="text/javascript">
function DjTextArea_AddMaxlengthAttr()
{
      var aX = document.getElementsByTagName('textarea');

      for ( var iI = 0; aX.length > iI; iI++ )
      {
          if ( aX[iI].getAttribute('maxlength') )
          {
              aX[iI].onkeyup = aX[iI].onchange = DjTextArea_CheckMaxlength;
          }
      }
} //@ END OF DjTextArea_AddMaxlengthAttr()

function DjTextArea_CheckMaxlength()
{
      var iMaxLen = parseInt(this.getAttribute('maxlength'));
      var iCurLen = this.value.length;

      if ( this.getAttribute && iCurLen > iMaxLen )
      {
          this.value = this.value.substring(0, iMaxLen);
      }
} //@ END OF DjTextArea_CheckMaxlength()
</script>
</head>
.....
<body onload="DjTextArea_AddMaxlengthAttr();">
.....