怎么用jquery 限制textarea 的maxlength属性_IT百科

textarea默认不支持maxlength属性。

可以通过jquery实现。

1、使用jquery keyup事件：

复制代码代码示例:

<html>

<head>

<title>jquery为textarea添加maxlength</title>

</head>

<body>

</body>

</html>

$(function(){

$("textarea[maxlength]").keyup(function(){

var area=$(this)

var max=parseInt(area.attr("maxlength"),10)//获取maxlength的值

if(max>0){

if(area.val().length>max){ //textarea的文本长度大于maxlength

area.val(area.val().substr(0,max))//截断textarea的文本重新赋值

}

})

</script>

IE6-9不支持Textarea的maxlength属性

给textarea标签添加一个maxlength=200，测试工程师提bug说IE9没起作用。后一测试，发现IE10一下的浏览器均不支持

去w3看了下，该属性已经被收纳到HTML5，IE10+和其它现代浏览器均已支持。

对于IE10以下浏览器，可以通过几个事件强制用户不能输入超过的字数

<textarea maxlength="10" onchange="this.value=this.value.substring(0, 10)" onkeydown

当我们给input添加上number的属性是，发现maxlength属性失效了，并没有限制住它的字数。可以无限输入。这时候限制输入的字符串长度并截断，其中字符串（含中英文混合字符串）

欢迎分享，转载请注明来源：内存溢出

怎么用jquery 限制textarea 的maxlength属性