我有一个包含4个HTML页面(标签)的SPA。所有选项卡都有一些必填字段。我们面临的问题是如何验证最终标签上的所有必填字段。
假设我有以下标签:
Tab 1 Tab2 Tab3 Tab4
用户可以填写任何标签,每当他点击Tab4上的提交按钮时,我想验证所有标签。
我想一键完成所有HTML。
PS:我使用的是html5和angularjs + jquery
答案 0 :(得分:0)
我不建议这样做。例如,如果您在tab1中有姓名和电子邮件,并且当用户在tab4中提交表单时,请考虑如果您显示“用户名是必需的”'和'电子邮件是必需的'用户不知道发生了什么。如果您使用带有$ watch的角度内联验证,那么您将根据您拥有的字段数最终得到很多。您是否考虑过如何在标签之间切换?
的解决方案:强>
将所有四个选项卡代码包装在表单元素中。然后您可以验证用户何时提交表单并且不要忘记给出名称属性。这是强制性的
更好的方式在我看来,如果是用户注册,为什么不用多步创建向导。