CSS伪类和必需的

Question

有两个CSS伪类:invalid和:valid，只有在需要输入时才有效（http://jsfiddle.net/d26jf/输入每次都是红色，即使它是无效的）。使用required时，如果输入为空，则无法发送输入（mozilla中的http://jsfiddle.net/d26jf/2/会出现一个弹出窗口，提示您编译输入）。如何使用:invalid和:valid而不需要使用（阻止发送空输入）？

Answer 1

您可以使用novalidate（<form>）或formnovalidate（<input>本身）来跳过表单提交上的验证。尽管存在此属性，但:valid和:invalid似乎仍然可以使用验证规则。

http://jsfiddle.net/d26jf/4/

Answer 2

伪类:invalid用于必填项，:valid用于不需要demo。

因此，您需要设置所需的字段而不是必需的字段。您无法为必填字段执行:valid and :invalid。有关详细信息，请参阅this