textarea实现maxlength属性

JavaScript文本长度限制与实时更新

最新推荐文章于 2025-09-04 16:04:47 发布

转载最新推荐文章于 2025-09-04 16:04:47 发布 · 2.7k 阅读

前端专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的文本输入框，该输入框能够实时显示输入文本的长度，并在达到最大字符数限制时自动截断文本。

<script language="javascript" type="text/javascript">
function textlen(x,y){
  var thelength = x.value.length;
  window.status=thelength+' of '+y+' maximum characters.';
}

function maxtext(x,y){
  tempstr = x.value
  if(tempstr.length>y){
    x.value = tempstr.substring(0,y);
  }
  textlen(x,y);
}
</script>

<form name="myform">
     <textarea name="mytextarea" 
                           cols="45" 
                           rows="3" 
                           wrap="virtual" 
                           onkeypress="return(this.value.length<20)"
                           onkeydown="textlen(this,20)" 
                           onkeyup="textlen(this,20)" 
                           onblur="maxtext(this,20)"
     ></textarea>
</form>