textarea限制字数

来源:互联网 发布:淘宝双十一活动规则 编辑:程序博客网 时间:2024/05/17 01:31

今天需要给textarea限制字数,发现不能像text那样直接使用属性maxlength="4",网上找的一段记下来!

 1.首先在网页中写:

<textarea cols="10" rows="3" id="text" onKeyDown="textdown(event)" onKeyUp="textup()">

2.其次在js中

<script language="javascript">
function textdown(e) 
{
 textevent = e ; 
if(textevent.keyCode == 8) 

return; 

if(document.getElementById('text').value.length >= 30)  

alert("最多输入30个字")  
if(!document.all) 

textevent.preventDefault(); 

else 

textevent.returnValue = false; 



function textup() 

var s = document.getElementById('text').value; 
//判断ID为text的文本区域字数是否超过1000个 
if(s.length > 30)  

document.getElementById('text').value=s.substring(0,30); 

}
</script>

这样就可以了!!呵呵

0 0
原创粉丝点击