textarea 限制输入长度

maxlength 属性规定文本区域的最大长度(以字符计);

Internet Explorer 10、Firefox、Chrome 以及 Safari 支持 maxlength 属性。

注释:Internet Explorer 9 以及更早的版本或 Opera 不支持 maxlength 属性。

为了满足IE8/9等低版本的浏览器中能用textarea并能实现限制输入长度的需求,归纳如下:

HTML:

<textarea id="area" maxlength="200"></textarea>

 JS:

$("#area").on("input propertychange", function() {
    var $this = $(this),
        _val = $this.val();
    if (_val.length > 200) {
        $this.val(_val.substring(0, 200));
    }
});

 结合 maxlength=""使用,双重保险!

posted @ 2018-05-09 17:15  _阡陌Mix  阅读(9431)  评论(0编辑  收藏  举报