textarea 限制字数

于 2010-05-13 19:01:18 发布 · 123 阅读

HTML 专栏收录该内容

13 篇文章

订阅专栏

本文介绍了一个在IE7浏览器下实现文本框字符长度限制的JavaScript脚本，该脚本能够有效防止用户输入超过预设长度的内容。

已经犯了这样的低级错误两次，现在特意做一次记录

<td width="150" height="25" class="div_font">
<script>     
	window.onload=function()     
	{     
	        document.getElementById("cause").onkeydown=function()     
	{     
					               
	if(this.value.length>100)     
	        event.returnValue=false;     
	}     
	}     
</script>
<textarea name="cause" id="cause" cols="30" rows="10" onKeyUp="checkLength();"></textarea>					
</td>

上面在IE7下是可以的，当超过字符长度的时候，就不能输入了。

function checkLength(){
      var s = document.getElementById("cause").value;
      //判断ID为cause的文本区域字数是否超过100个
      if(s.length > 100) 
	{
	    alert("超过限定字符...");
            document.getElementById("cause").value=s.substring(0,100);
	} 
}

当超过的时候进行截取！