為 textarea 增加 maxlength 屬性
o 如果只是單純地想限制 textarea 中的字數，不想寫太多的話，可用：
<textarea onkeyup="this.value = this.value.slice(0, 80)"></textarea>
或
<textarea onkeyup="this.value = this.value.substring(0, 80)"></textarea>
o 在 textarea 的 onkeyup 中檢查字數之方法：
.....
<script language="javascript" type="text/javascript">
function DjCheckMaxlength(oInObj)
{
var iMaxLen = parseInt(oInObj.getAttribute('maxlength'));
var iCurLen = oInObj.value.length;
if ( oInObj.getAttribute && iCurLen > iMaxLen )
{
oInObj.value = oInObj.value.substring(0, iMaxLen);
}
} //@ END OF DjCheckMaxlength()
</script>
.....
<textarea maxlength="80" onkeyup="return DjCheckMaxlength(this);"></textarea>
.....
o 設定好自動去檢查所有的 textarea 之方法：
.....
<head>
<script language="javascript" type="text/javascript">
function DjTextArea_AddMaxlengthAttr()
{
var aX = document.getElementsByTagName('textarea');
for ( var iI = 0; aX.length > iI; iI++ )
{
if ( aX[iI].getAttribute('maxlength') )
{
aX[iI].onkeyup = aX[iI].onchange = DjTextArea_CheckMaxlength;
}
}
} //@ END OF DjTextArea_AddMaxlengthAttr()
function DjTextArea_CheckMaxlength()
{
var iMaxLen = parseInt(this.getAttribute('maxlength'));
var iCurLen = this.value.length;
if ( this.getAttribute && iCurLen > iMaxLen )
{
this.value = this.value.substring(0, iMaxLen);
}
} //@ END OF DjTextArea_CheckMaxlength()
</script>
</head>
.....
<body onload="DjTextArea_AddMaxlengthAttr();">
.....
分享到：
相关推荐
`maxlength`属性是HTML5引入的一个特性，允许我们为`textarea`设置一个最大输入字符数。 标题"JavaScript实现textarea的maxlength"指出，我们将探讨如何使用JavaScript来动态地实现和管理`textarea`的`maxlength`...
- 为`textarea`添加`maxlength`属性，并通过jQuery限制输入长度的做法，主要是为了改善用户体验和防止表单提交过长的文本，但最终的安全性还需要依靠后端验证。 通过上述的详细说明，我们可以看到，虽然`textarea`...
在提供的 `jQuery` 代码中，我们首先选择所有具有 `maxlength` 属性的 `textarea` 元素： ```javascript $(“textarea[maxlength]”) ``` 接着，我们为这些 `textarea` 添加两个事件处理函数：`keyup` 和 `blur`。...
IE6-9 input和textarea元素的placeholder（占位符）属性与textarea元素的maxlength（最大长度限制）属性的修复与所有浏览器的实时输入捕捉，仅需要提供一个元素或者元素id与实时捕捉回调函数（可选）。甚至实现了各...
然而，HTML标准中并没有提供`maxlength`属性来限制`<textarea>`的字符数，因此必须采用其他方法来实现这一需求。 一种常见的限制字符数的方法是使用JavaScript（或其他脚本语言）。基本思路是通过监听`<textarea>`...
首先，`maxlength`属性的基本用法是在`<textarea>`标签中设置，例如`<textarea maxlength="600">`，这会限制用户输入的字符数不超过600个。通常情况下，当用户输入达到设定的限制时，额外的字符将不会被显示。此外，...
在给一个页面的TextBox 增加控制长度的控制时，简单的加了一个maxlength=’xxx’ 就行，可是测试确总是不过，原因是设置了多行模式，在这样的情况下生成的html代码就是textarea,同时maxlength属性就没有被增加上，...
虽然`maxlength`属性对于`textarea`是有效的，但在某些浏览器中可能会出现警告提示“undefined attribute name (maxlength)”，这是因为`maxlength`属性实际上是为`input`元素设计的，并不是`textarea`的标准属性。...
接着，你可以通过调用jQuery的选择器找到需要应用验证的textarea元素，然后调用插件方法，设置相应的maxLength属性。例如： ```javascript $(document).ready(function() { $('#yourTextareaID').maxLength({...
在上述代码中，我们为`textarea`添加了一个`maxlength`属性，设置最大输入字数为100。然后，通过JavaScript获取`textarea`和显示字数统计的`span`元素，添加事件监听器`'input'`。当`textarea`内容改变时，更新字数...
HTML textarea本身不像文本输入一样实现maxlength属性。 jQuery.confine是一个简单的jQuery插件，可以正确地实现此功能，避免了大多数天真的实现会遇到的许多问题，同时还可以选择利用jQuery 1.4中的新HTML5标准和...
2. **`maxlength`属性**：可以为`textarea`添加`maxlength`属性来限制用户输入的最大字符数。 3. **JavaScript事件处理**：通过JavaScript可以监听并处理各种事件，如用户输入时触发的`onkeypress`事件、失去焦点时...
本文将详细介绍如何实现这一目标以及`<textarea>`的相关属性。 1. 错误解决方法： 在编写HTML时，`<textarea>`标签的闭合方式对内容的处理至关重要。错误的做法是将`</textarea>`放在新的一行，这会导致换行符和...