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

【问题标题】：TextArea character limit how to set? [duplicate]TextArea字数限制如何设置？ [复制]
【发布时间】：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？

标签： javascript html jquery json

【解决方案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"));

&lt;textarea maxlength="50" id="text"&gt;&lt;/textarea&gt;

【讨论】：

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