CSS伪类和要求

Question

有两个CSS伪类，:invalid和:valid，只有输入需要（http://jsfiddle.net/d26jf/输入是每次红色，即使它是无效的），工作。使用必需的，你不能发送一个输入时，它是空的（http://jsfiddle.net/d26jf/2/在Mozilla中出现一个弹出窗口，建议你编译输入）。如何使用:invalid和:valid而无需使用（阻止发送空输入）？

Answer 1

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

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

Answer 2

伪类:invalid是用于需要和:valid这是不需要的demo。

所以，你需要设置哪个字段是必需的和不需要的。您无法对:valid and :invalid做必填字段。欲了解更多信息请参阅this