Как наложить maxlength на текстовую область в HTML с помощью JavaScript

Question

Как наложить maxlength на текстовую область в HTML с помощью JavaScript

Только необходимо вычислить его для IE7 и более старый (и только если содержание не имеет фиксированного размера). Я предлагаю использовать условные комментарии HTML для ограничения взлома старым IES, которые не поддерживают CSS2. Поскольку все другие браузеры используют это:

<style type="text/css">
    html,body {display:table; height:100%;width:100%;margin:0;padding:0;}
    body {display:table-cell; vertical-align:middle;}
    div {display:table; margin:0 auto; background:red;}
</style>
<body><div>test<br>test</div></body>

Это - идеальное решение. Это центрируется <div> из любого размера и упаковывает его в термоусадочную пленку к размеру его содержания.

115

html javascript textarea

задан Community 23 May 2017 в 12:10

2 ответа

Также добавьте следующее событие для вставки в текстовое поле:

...

txts[i].onkeyup = function() {
  ...
}

txts[i].paste = function() {
  var len = parseInt(this.getAttribute("maxlength"), 10);

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

...

2

ответ дан 24 November 2019 в 02:22

Другие вопросы по тегам:

html javascript textarea

Похожие вопросы:

score 111 · Accepted Answer

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

}