什么会导致我的 html5 表单在页面加载时验证？

Question

标题几乎是在问这个问题。我有一个打开时为空的表单。上面有一个具有required 属性的输入。但是由于某种原因，HTML 在用户触摸该字段之前将:invalid 伪类应用于此空输入。谁能说出可能发生这种情况的一些原因？我在我的验证函数中设置了断点，并且它们都没有在加载时执行。

在有人问之前，实际上不可能为此发布代码。我真的只是在寻找一些可能的理由来开始调试它。

提前致谢

Answer 1

<input> 标记中的 HTML required 属性指定在提交表单之前必须填写输入字段。删除此属性应该可以解决您的问题。我认为 HTML 标记是相当宽松的，不应该对其进行太多调试。

最好使用W3C Validation Service等验证服务

Answer 2

您可以使用 novalidate，但它不会阻止添加 :invalid 伪类。我删除了所需的属性并使用 js 处理所有验证。