Question

我正在考虑实现ryan bates railscast中讨论的这个多步骤向导。 http://railscasts.com/episodes/346-wizard-forms-with-wicked

我想知道如何实现一个进度表，例如你在http://www.jankoatwarpspeed.com/examples/webform_to_wizard/#等jquery向导中常见的进度表。

有什么想法吗？

谢谢！

Answer 1

有两种主要类型的向导。

第一个。

这正是railscast中使用的那个。事实上，你将一个大型形式分成几个较小的形式。也就是说，每个表单都有一个单独的视图。因此，您可以在每个视图中编写当前步骤。在这种情况下，您不需要使用jQuery插件。例如，就像在railscast中一样，只需添加：

#/app/views/user_steps/personal.html.erb
<p>STEP 1: <b>Tell us a little about yourself</b></p>
<p>STEP 2: Where can we find you?</p>

#/app/views/user_steps/social.html.erb
<p>STEP 1: Tell us a little about yourself</p>
<p>STEP 2: <b>Where can we find you?</b></p>

第二个。

这是一个很大的形式，由几个小的共享。这就是你作为例子展示的内容。对于这个表单，你不需要使用邪恶，因为jQuery插件完成所有自己的工作。在步骤结束时，您只需在服务器上发送此大表单。

表单验证中jQuery向导的问题：您在最后一步发送表单，但在前面的步骤中可能会发生错误。客户端验证可以部分解决此问题：https://github.com/bcardarella/client_side_validations

表单向导上的进度表

1 个答案: