给textarea增加长度的限制

一  我们知道文本框可以有一个为maxlength的属性,可以限制文本框的长度,当时备注框textarea却没有,那么
要怎样限制备注框的长度呢?其实很简单,只有加上想这样一句话onKeyDown='if (this.value.length>=20){event.returnValue=false}'
就可以了,整个写法如下:
<textarea name="A" cols="45" rows="2" onKeyDown='if (this.value.length>=20){event.returnValue=false}'>aaaa</textarea>
    我们也可以将判断写在函数中,如果输入的长度超过显示,就显示提示信息,如下:
<html>
 <body>
  <form name = "testform">
   <textarea name="A" cols="45" rows="2" >aaaa</textarea>
   <input type="button" onclick = "checkValid()" value= "提交">
  </form>
 </body>
</html>
<script language="javascript">
function checkValid()
{
 var a = document.testform.A;
 
 if(a.value.length > 20)
 {
  alert("输入的备注框长度不能超过20个字符!");
  return false;
 }
 return true;
}
</script>

二对于多行文本框输入长度限制解决方案
maxLen = 255;
 // max number of characters allowed
function checkMaxInput(txt)

    if (txt.value.length > maxLen) // if too long.... trim it! 
    txt.value = txt.value.substring(0, maxLen); // otherwise, update 'characters left' counter 
    //else document.getElementById('remLen').innerText = maxLen - form.txtContent.value.length;
}

同时在给该文本框添加两个事件(在aspx页面直接添加即可)
 onKeyDown="checkMaxInput(this)"
 onKeyUp="checkMaxInput(this)"


你可能感兴趣的:(textarea)