文章参考地址:http://blog.csdn.net/nhconch/article/details/4223076
需求背景:
前几天,因为客户有一个需求说,需要对一个评论(一个textarea文本框)的长度进行限制,简单的理解就是 这个文本框只能输入100个字符,然后就不能在输入了!
实现方案一:用maxlength属性
<textarea maxlength="10"></textarea>
这个方式很简单的哦,但是 在我这边测试的时候,并不能完全兼容主流浏览器
兼容性效果如下:
IE8 | Firefox 17 | Chrome 23 |
不兼容 | 兼容 | 兼容 |
实现方案二:用javascript实现
<textarea name="txt1" cols="45" rows="2" onKeyDown='if (this.value.length>=20){event.returnValue=false}'></textarea>
这里就用到了一个onKeyDown。但是效果也不太理想。
兼容性效果如下:
IE8 | Firefox 17 | Chrome 23 |
兼容 | 不兼容 | 兼容 |
实现方案三:综合上面的方法
因为上面无法兼容IE 和firefox,没办法,只能贱一点了!~所以,我就把上面的方法给综合起来~~
代码如下:
<textarea name="txt1" cols="45" maxlength="20" rows="2" onKeyDown='if (this.value.len