输入文本类型的最小长度？答案

【问题标题】：minlength on an input of type text?输入文本类型的最小长度？
【发布时间】：2020-05-04 05:37:52
【问题描述】：

我有一个问题要问你。

你知道如何在文本类型的输入上设置最小长度吗？

我试过了：

minlength="2"

min="2"

pattern=".{2,}"

pattern="^.{2,}$"

有关信息，这是我的输入：

<input type="text" class="form-control" name="firstname" id="firstname" placeholder="firstname" pattern="^.{2,}$" >

编辑： 我在 Chrome 上试过，但它不起作用。但它适用于 Firefox。所以我会尝试在这边搜索。

【问题讨论】：

【解决方案1】：

属性minlength完全正确：

minlength="2"

工作示例：

input:invalid {
  border: 1px dashed rgba(255, 0, 0, 0.5);
}

<form>
<input type="text" minlength="2" placeholder="Type here..." required />
<input type="submit">
</form>

可以看到，如果在文本输入框输入有效值之前尝试提交表单，表单将无法提交，浏览器会报错。

进一步阅读：

【讨论】：

我想补充一点，如果没有 required 属性，minlength 如果输入为空，则不会产生影响
我输入了“必需”，但结果是一样的
如果你运行上面的代码sn-p，你会看到<input>在包含0或1字符的时候周围有一条半透明的红色虚线，表示输入的值无效。如果输入了2 或更多字符，则该值被识别为有效。
@Rounin 我忘了这样做。所以我做到了，但我没有错误。
@C.Ramp 那么你需要找出你的页面有什么问题——上面有 Javascript 吗？我/我们帮不上什么忙，但你问的问题的答案肯定在这里^^。如果没有看到更多的代码证据，就无法判断为什么这个答案在这种情况下不起作用。对不起。