html输入验证：有效：无效

Question

我创建了一个带验证的输入控件：

• 需要
• 最小长度 = 4
• 最大长度 = 8

输入的初始值设置为'ab'。
由于'ab' 不满足验证，:invalid 选择器应该可以工作。

但在第一次加载时（未经用户编辑），:invalid 不起作用。
有什么方法可以一直强制验证吗？

<input type='text' id='test' value='ab' required minlength=4 maxlength=8 />

#test:valid {
  background: lightGreen;
}
#test:invalid {
  background: pink;
}

Answer 1

看起来它总是说它是有效的。 你试过把“”放在 4 和 8 值附近吗？

像这样：

minlength="4"
maxlength="8"

你能发布更多你的代码吗？