TextArea字数限制如何设置？ [复制]

Posted 2023-05-08

【中文标题】TextArea字数限制如何设置？ [复制]

【英文标题】：TextArea character limit how to set? [duplicate]

【发布时间】：2021-09-21 19:17:10

【问题描述】：

我有一个设置文本区域的 css+jscript 表单，我想在其中设置限制，让我们说只有 50 个字符。

"CSV":      
"Name": "CSVData",     
"Title": "Provide machines data:",     
"Description": "Enter Machine Names",     
"UIType": "textArea",      
"Default": "", "Required":"1", 

我应该与 "UIType": "textArea" 一起添加什么，这样定义的文本区域将只接受 50 个字符。

【问题讨论】：

JScript 是微软在 1990 年代创建的 ECMAScript 变体，它的最后一次出现是在 Internet Explorer 9 中。你是指 javascript 吗？另外，您使用的是什么框架？因为我们不知道该代码如何影响生成的 html。

"UIType": "textArea"（以及您的其余配置）如何被翻译/转换为实际 HTML？

【参考方案1】：

已编辑

在您的 HTML 中，您可以使用 maxlength 属性。

<textarea maxlength = "50" name = "description">
            Enter answer here...
</textarea>

感谢 Heretic Monkey 澄清 maxlength 属性的错误。

这是一个带有工作演示的替代解决方案：

function maxLength(el)     
    if (!('maxLength' in el)) 
        var max = el.attributes.maxLength.value;
        el.onkeypress = function () 
            if (this.value.length >= max) return false;
        ;
    


maxLength(document.getElementById("text"));

<textarea maxlength="50" id="text"></textarea>

【讨论】：

maxlength 在textarea 上使用时的历史很糟糕，并且在某些移动浏览器上仍然存在错误。有关详细信息，请参阅副本和caniuse's chart。