使用JQuery通过表单管理用户进度

Question

我有一个非常长的水平表单，它被分成多个子表单，充当幻灯片。

在任何给定时间只能看到一个幻灯片，但每个幻灯片都有一个允许进入下一部分的按钮，而不会实际提交表单。我也希望用户能够导航回来，所以我添加了让用户前后移动的按钮。我使用JQuery validate插件来验证用户输入。

如果信息状态不正确，如何阻止用户浏览表单？

Answer 1

如果您正在使用jquery validate插件，您可以完成此操作，只需读取docs，使用valid（）函数检查当前显示的子表单中的元素。