引用
备用
如果只是單純地想限制 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();">
.....
分享到：
相关推荐
- 为`textarea`添加`maxlength`属性，并通过jQuery限制输入长度的做法，主要是为了改善用户体验和防止表单提交过长的文本，但最终的安全性还需要依靠后端验证。 通过上述的详细说明，我们可以看到，虽然`textarea`...
"用于Textarea的MaxLength验证的插件"就是这样一个工具，它专门针对`<textarea>`元素提供了便捷的maxlength验证服务。 这个插件的核心功能在于提供了一个直观且易于集成的方法，用于限制用户在`<textarea>`中输入的...
然而，HTML标准中并没有提供`maxlength`属性来限制`<textarea>`的字符数，因此必须采用其他方法来实现这一需求。 一种常见的限制字符数的方法是使用JavaScript（或其他脚本语言）。基本思路是通过监听`<textarea>`...
<textarea id="inputText" rows="4" cols="50" maxlength="100"></textarea> <span id="charCount">0/100 var inputText = document.getElementById('inputText'); var charCount = document.getElementById...
这段代码定义了一个名为`maxLength`的验证方法，它会检查textarea的值是否超过指定的长度。然后，我们在validate插件的`rules`对象中为`description`字段应用了这个规则，同时定义了相应的错误提示信息。 当用户...
在这个自定义指令中，我们首先从`ng-maxlength`属性中获取最大长度限制，然后通过`$validators`对象添加一个验证器。当输入的文本长度超过限制时，验证器返回`false`，表示输入无效，Angular会阻止用户继续输入。 ...
在网页开发中，jQuery是一个非常流行的JavaScript库，它极...在实际的网页开发中，这样的功能可以被广泛应用，例如评论系统、表单验证等场景。通过深入理解jQuery的这些基本操作，你可以创建更复杂、更动态的网页交互。
工具方面，开发人员可以使用各种代码编辑器插件或框架提供的组件，如 Vue.js 的 `v-model.lazy` 配合 `maxlength` 特性，或者 React 中的 `maxLength` 属性，它们都可以帮助更优雅地实现 `textarea` 的长度控制。...
<textarea name="description" maxlength="200"></textarea> ``` 在这个场景下，用户无法输入超过200个字符的文本。 在某些情况下，开发者可能需要自定义`maxlength`的提示或行为。例如，可以使用JavaScript或...
- **表单验证**：在表单提交前，限制某些字段的长度，确保数据格式的一致性。 - **聊天应用**：限制每条消息的长度，提高聊天体验，避免发送过长的消息造成阅读困难。 #### 三、扩展功能 除了基本的功能外，还可以...
`textarea`元素上需要设置`maxlength`属性来定义最大允许的字符数，并使用`@input`监听用户的输入变化。同时，通过`v-model`将`textarea`的值绑定到Vue实例的数据对象上。这是一个基础的HTML结构示例： ```html ...
或,<textarea maxlength="2000" lengthInfo="最大长度不能超过2000！"> 3、一般验证方式(不对空值做验证）: 如：^(19|20)[0-9]{2}$" errorInfo="不正确的年份!" > 4、标准验证(不与其它验证方式同时使用）： ...
这可以通过在`<input>`或`<textarea>`标签中设置`maxlength`属性并结合`lengthInfo`属性来实现。例如： ```html <textarea name="comment" maxlength="500" lengthInfo="评论不能超过500个字符！"></textarea> ``` ...
只要在input select textarea等框加属性features 如<input name=houseNumber1 class="input_text" value="<%=houseNumber1 %>" features="bmust=0,datatype=1,minlength=0,maxlength=10,showtitle=60㎡以下"/>...
<textarea name="maxlength" maxlength="6" msg="最多输入6个字符"></textarea> ``` 4. **数值验证** - **数字验证**：使用`class="number"`来验证输入是否为有效数字。 ```html 请输入有效的数字" maxlength...