单击即可验证多个 HTML 页面

Question

我有一个包含 4 个 HTML 页面（标签）的 SPA。所有选项卡都有一些必填字段。我面临的问题是如何验证最终选项卡上的所有必填字段。

假设我有这样的标签：

选项卡 1 选项卡 2 选项卡 3 选项卡 4

用户可以在哪里填写任何选项卡，并且每当他单击 Tab4 上的提交按钮时，我想验证所有选项卡。

我想一次单击执行所有 HTML。

PS：我正在使用 html5 和 angularjs + jquery

Answer 1

我不建议这样做。例如，如果您在 tab1 中有姓名和电子邮件，当用户在 tab4 中提交表单时，如果您显示“需要用户名”和“需要电子邮件”，用户不知道发生了什么。如果您在 $watch 中使用角度内联验证，那么您最终会根据您拥有的字段数量得到很多。您是否考虑过如何在选项卡之间切换？
解决方案： 将所有四个选项卡代码包装在一个表单元素中。然后您可以验证用户何时提交表单并且不要忘记提供 name 属性。这是强制性的。
更好的方法在我看来，如果是用户注册，为什么不创建向导多步骤。