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=""使用,双重保险!

猜你喜欢

转载自www.cnblogs.com/bluecoding/p/9015457.html
今日推荐