javascript - 没有 Javascript 验证的 HTML5 表单验证

Question

我最近接触了 HTML5 表单验证这个新的(对我而言)主题。我成功地测试了它，但我仍然对如何以及为什么使用它感到困惑。让我试着用一个简单的例子来解释。

我的表单有 10 个字段(文本、数字、日期...)；每个都有自己的required 和pattern。
visual 验证效果很好；每个字段都显示 Go/NoGo 状态:这很好。
但是，当涉及到使用 javascript 提交表单时，我是否必须重新验证每个字段？
换句话说，HTML5 验证只是一个视觉产物；它不会阻止表单提交。如果用户想不顾红旗输入错误的内容，他可以这样做。

如果我的看法是正确的，为什么我应该使用 HTML 来做一些我可以(而且必须)用 JS 做的事情？也许 JS 有办法知道一切都可以继续，而不需要执行任何进一步的检查。

Answer 1

In other words, the HTML5 validation is only a visual artifact; it does not prevent the form submission.

这不是它应该的工作方式。按照设计，HTML5 验证应该防止提交填写不正确的表单。确实如此——in most browsers .不幸的是，有 a bug in Safari这会导致您描述的行为。因此，在修复此错误之前，是的，您可能还需要使用 JS 验证表单，但这并不是因为 HTML5 验证的性质，只是因为它在 Safari 中缺乏支持。