单击即可验证多个HTML页面

时间:2016-11-10 05:04:47

标签: jquery html angularjs html5

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

假设我有以下标签:

Tab 1 Tab2 Tab3 Tab4

用户可以填写任何标签,每当他点击Tab4上的提交按钮时,我想验证所有标签。

我想一键完成所有HTML。

PS:我使用的是html5和angularjs + jquery

1 个答案:

答案 0 :(得分:0)

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