1. ホーム
  2. javascript

[解決済み] JavaScriptでHTMLのtextAreaにmaxlengthを指定する方法

2022-09-20 08:48:26

質問

を書くと、"left "になるような機能が欲しいです。

<textarea maxlength="50"></textarea>
<textarea maxlength="150"></textarea>
<textarea maxlength="250"></textarea>

とすると、自動的にtextAreaにmaxlengthが課せられます。可能であれば、jQueryで解決策を提供しないでください。

注:このようなことをすれば可能です。

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

function imposeMaxLength(Event, Object, MaxLen)
{
    return (Object.value.length <= MaxLen)||(Event.keyCode == 8 ||Event.keyCode==46||(Event.keyCode>=35&&Event.keyCode<=40))
}

コピー元 HTMLのtextareaでHTML入力の "maxlength "属性をエミュレートする最も良い方法は何ですか?

しかし、ポイントは、textAreaを宣言するたびにonKeyPressとonKeyUpを書きたくないということです。

どうすれば解決するのでしょうか?

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;
    } 
  };

}