javascript - 文本区域字符限制

Question

我希望能够限制文本区域中的字符数。我使用的方法在 Google Chrome 中运行良好，但在 Firefox 中运行缓慢，并且在 IE 中不起作用。

Javascript:

function len(){
  t_v=textarea.value;
  if(t_v.length>180){
    long_post_container.innerHTML=long_post;
    post_button.className=post_button.className.replace('post_it_regular','post_it_disabled');
    post_button.disabled=true;
  }
  else{
    long_post_container.innerHTML="";
    post_button.className=post_button.className.replace('post_it_disabled','post_it_regular');
    post_button.disabled=false;
  }
  if(t_v.length>186){
        t_v=t_v.substring(0,186);
    }
}

HTML:

<textarea id="user_post_textarea" name="user_post_textarea" cols="28" rows="1"  onkeypress="len();" onkeyup="len();"></textarea>

主体元素底部的 Javascript:

textarea=document.getElementById('user_post_textarea');

Answer 1

我找到了一个使用 maxlength 的好解决方案如果浏览器支持该属性，则在不支持的浏览器中回退到不显眼的 javascript pollyfill。

感谢@Dan Tello's comment我修复了它，因此它也适用于 IE7+:

HTML:

<textarea maxlength="50" id="text">This textarea has a character limit of 50.</textarea>

Javascript:

function maxLength(el) {    
    if (!('maxLength' in el)) {
        var max = el.attributes.maxLength.value;
        el.onkeypress = function () {
            if (this.value.length >= max) return false;
        };
    }
}

maxLength(document.getElementById("text"));

Demo

有no such thing作为 HTML5 中的 minlength 属性。
对于以下输入类型:number、range、date、datetime、datetime-local、month、time 和 week(aren't fully supported yet)使用 min 和 最大 属性。