如何限制TEXTAREA控件的输入数据长度

最新推荐文章于 2023-07-10 16:31:45 发布

楠317

最新推荐文章于 2023-07-10 16:31:45 发布

阅读量1.1k

点赞数

分类专栏： JS/CSS 文章标签： button function input

JS/CSS 专栏收录该内容

7 篇文章 1 订阅

订阅专栏

下面的代码可以参考一下:
一我们知道文本框可以有一个为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)"

楠317

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
如何限制TEXTAREA控件的输入数据长度

下面的代码可以参考一下:一我们知道文本框可以有一个为maxlength的属性，可以限制文本框的长度，当时备注框textarea却没有，那么要怎样限制备注框的长度呢？其实很简单，只有加上想这样一句话onKeyDown='if (this.value.length>=20){event.returnValue=false}'就可以了，整个写法如下：=20){event.return
复制链接

扫一扫