是否可以将 jQueryFormWizard 与 UI 选项卡一起使用？或任何其他带有选项卡和验证的向导解决方案答案

【问题标题】：Is it possible to use jQueryFormWizard with UI Tabs? or any other solution for wizard with tabs and validation是否可以将 jQueryFormWizard 与 UI 选项卡一起使用？或任何其他带有选项卡和验证的向导解决方案
【发布时间】：2011-11-11 09:33:14
【问题描述】：

我有一个表单向导，并尝试在每个步骤中实现步骤选项卡和多部分验证。有人建议我使用jQuery Form Wizard。任何人都可以指导我如何通过步骤实现这两个向导以及使用 jQuery 对每个步骤进行验证。

【问题讨论】：

您面临的具体问题是什么？我正在使用 this 插件来满足相同的要求，并且效果很好
这个插件有什么验证功能？
它使用 jQuery 对表单的每个步骤进行验证，查看该链接中的验证演示。无论如何，您没有提到您在验证方面面临什么问题
我只是不知道如何使用验证。看起来在这段代码中他正在为每个字段使用自定义验证，我在向导中有很多字段并且想知道如何使用上面的脚本。我没有 jQuery 方面的专业知识，你可以认为我是初学者……你能告诉我你的代码吗……或者解释一下如何使用它？
好的，我查看了那个库，看起来他们正在使用一个额外的插件进行验证。你为什么不尝试使用我建议的插件。如果您查看this 页面的源代码，您可以找到函数 validateStep1()、validateStep1() 等。如果您无法理解这些函数中的验证代码，请告诉我，我会尝试为您的表单编写验证代码

标签： jquery jquery-ui tabs jquery-validate jquery-ui-tabs

【解决方案1】：

查看带有步骤验证的Smart Wizard。我已经用了一段时间了，它看起来很灵活。

希望这会有所帮助！

【讨论】：

在智能向导验证中我看起来有点困惑。您能否请我参考一些使用指南。你能告诉我你在哪里使用它作为参考吗？
我在他们的documentation 中发现：“Smart Wizard 2.0 没有内置的表单验证，但您可以为每个步骤调用自己的验证函数......”我们可以使用 jQuery Validation用它插件。如果是...请指导如何？提前致谢
如您所见，验证是使用 javascript 完成的。如果您了解 javascript，您将能够根据您的验证需求做一些事情。否则，将需要更多的时间和精力来获得解决方案。祝你好运。
感谢您的指导。但是我对javascript的了解不多。这就是为什么我尝试使用一些验证插件来做到这一点。我找到了jQuery Validation Plugin，但不知道如何将它与您建议的插件或 jQuery UI 选项卡一起使用