如何在 html 表单中将文本区域字段限制为 1000 个单词

Question

您好，我在创建的个人资料页面上有一个关于我的字段，但注意到即使我的最大长度设置为 1000 个单词，我也无法从其他文档中复制和粘贴单词，当我在文本区域中复制和粘贴时，它需要 50 个单词左右。我在数据库中的大约长度设置为 2000.以下是我表格中的内容。非常感谢提供的任何帮助

<div class="form-group">
<label for="about">About Me</label>
<textarea name="about" rows="3" maxlength="1000" class="form-control" id="about"></textarea>
</div> 

在此处输入图像描述

Answer 1

maxlength 属性定义用户可以在 or 中输入的最大字符数(作为 UTF-16 代码单元(。

https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/maxlength

我创建了一个简单的例子，当最大字数为 5 时：

const input = document.getElementById('textArea');
const textContent = [];
let maxWords = 5;
function separateWords(text, e){
	let words = text.split(" ");

	if (words.length >= maxWords + 1) {
	input.setAttribute('maxLength',words.join(" ").length - 1);
return words.join(" ").trim();
} else {
return words.join(" ");
}
};
input.addEventListener('input', function()
{
console.log(separateWords(input.value));
});

<div>
<p>
Type something (max 5 words):
</p>
<textarea id="textArea" value=""></textarea>
</div>

Answer 2

标记maxlength定义最大characters数，而不是最大单词数。

也许您的文本超过 1000 个字符，因此不起作用