问题标签 [multi-step]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
29945 浏览

jquery - 创建多步骤表单

我一直在寻找一种创建多步骤表单的方法,例如: http: //planner.builtbybuffalo.com/step-1/

我找不到任何资源,只有其他示例,我尝试创建的示例将是一个 3 部分过程。我将在 jQuery 中构建它。

我可以理解从一步到一步的方式,淡入/淡出等。但是有一个标记改变并说出什么步骤。

想法?

0 投票
1 回答
1579 浏览

ruby-on-rails - 使用 Rails 的多步嵌套表单

我正在尝试使用嵌套表单来实现多步表单,但由于我使用的是嵌套表单,所以它不像 railscast 那样工作。我从 railscast #217 (multistep form/wizards) http://railscasts.com/episodes/217-multistep-forms得到这个

旧的 _event.html.erb 表单

_event.html.erb 的新版本

我收到“ current_stepnil:NilClass 的未定义方法”错误。我认为这是因为event嵌套在里面user,所以我没有像 railscast 那样直接使用 forms_for 方法。这是导致这一点的循环。我跟着 railscast 到了他第一次刷新页面的地方。

_forms.html.erb

事件.rb

如何更改"#{@event.current_step}_details"以使其找到 current_step?

编辑

事实证明我必须传入@event => :event本地,然后添加@event = Event.new到控制器中的基本模型new方法。

0 投票
2 回答
1231 浏览

forms - Coldfusion 中的多步骤表单有哪些最佳实践?

我有一个三步表格,其中每个步骤都有自己的动作。操作重定向到下一步。数据存储在会话范围内。我有一个过滤器,可以防止用户通过发布请求以外的任何方式访问表单处理程序。

但是,没有什么可以阻止某人手动输入步骤的地址。为了解决这个问题,我在会话中设置了一个 currentStep 变量。

在第二步中,我将检查结构键:

这种方法有效,但它有一个主要缺点:用户不能在浏览器窗口中按下后退按钮,或编辑他或她已经输入的任何数据。

实施多步骤表单的最佳实践是什么?我可以改进我的流程以合并后退按钮功能吗?

0 投票
1 回答
1853 浏览

asp.net - 在 .NET 中编写大型多步骤表单的最有效方法是什么?

我有一个大型的多步骤表单,可以将记录插入数据库。我正在使用 ASP.NET,我知道有一些预制控件可以用于此目的,但我对所有这些控件都不是很熟悉。formview 似乎是一个很好的控件,但我不确定它是否可以与多个步骤/页面一起使用......?最好的方法是什么?

0 投票
1 回答
2019 浏览

ruby-on-rails - 创建跨越多个模型的向导式表单

正如标题所示,我正在寻找一种解决方案来实现一个向导式表单,它可以跨越多个模型。当然,我确实找到了一些资源,但它们都集中在一个模型上。我发现

  1. act_as_wizard插件_
  2. Ryan 的 Railscast多步骤表单

在我的情况下,另一个问题是,创建东西的向导风格并不是唯一的方法,我认为插件和 railscast 就是这样假设的。也就是说,我可以使用按顺序创建对象的向导样式或以临时方式创建单个对象。

因此,我最好将代码限制为模型或模块,而不是与控制器代码混淆。提前致谢!

0 投票
7 回答
146448 浏览

jquery - 构建步骤进度条(css 和 jquery)

在此处输入图像描述

您已经在 paypal 等网站上看到过这种类型的进度条的迭代。如何使用CSSand进行设置jquery?我有 4 页,每页是一个步骤……所以 4 个步骤。

0 投票
2 回答
566 浏览

php - 三步订购表,重新填充输入的最佳方式

目前正在为婚礼摄影师制作一个漂亮的三步订单表格,以便客人可以订购照片。

我已经通过 3 个步骤设置了表单。

1.用户详情 2.查看订单 3.确认

如果用户从第 2 步回到第 1 步,那么重新填充表单数据的最佳方式是什么?

我最初考虑使用会话将数据传回,但我觉得这可能是不正确的。

任何提示都会很棒。

谢谢大家。

0 投票
1 回答
506 浏览

django - django中有趣的多步表单

我有一个多步骤表格,但它与普通表格有点不同。不同之处在于并非所有步骤都是连续的,形式可能是有序的。为了清楚起见,假设有 Form1、和。Form2Form3Form4

那些可能像Form1- Form2-Form3Form1- Form2-一样运行Form4。但是,没有机会像Form2- Form1(Form_x - form_y | x < y)

如何在 django 中实现这样的表单链?另外,我不明白 FormWizard 是如何工作的。它会自动产生后退按钮还是当用户转到上一个表单时它的行为如何?可以解释或给出简单的例子或参考吗?

谢谢

0 投票
1 回答
879 浏览

php - 使用会话的 php 多步表单问题

我有一个 php 多步表单的问题。我只需要在一页中执行不同表单之间的切换。在此页面中,我切换了以下情况:

然后我执行指令

这是一个根据 $step 的值切换不同形式的函数。问题是,在第二步之后,它让我回到第 3 步的第一个表单。我认为问题是我第二次点击“提交”时,在我的第二个表单中我没有“个人资料” " 字段:我的页面的以下执行使用 NULL 值覆盖 $_SESSION["profilo"],返回到 if 循环的第 1 步。我怎么解决这个问题?

编辑:为了信息:form1只有“profile”字段,form2有“periodic”,“from”,“to”,“weekdays”,form3有“start”,“expire”。

0 投票
1 回答
1584 浏览

ruby-on-rails-3 - 带有文件上传的 Rails 3 多步骤表单

我在试图弄清楚如何通过文件上传实现 Rails 3 多页表单时遇到了一些麻烦,其中每个步骤都由控制器中的更新/编辑操作处理。

Ryan Bates 提供了关于如何使用会话执行多步骤表单的精彩截屏视频,并简要说明了如何通过在初始步骤中保存到数据库然后在每个后续步骤中执行更新来完成类似的事情。我还阅读了他的要点,对如何创建多步骤表单的一些不同选项进行了更详细的解释(我倾向于选项 1)。

但是当涉及到多步表单的实际实现时,我还是有点迷茫。我的目标是使用carrierwave 进行文件上传(图像),并且可能使用geekq 的工作流来帮助状态机在每个步骤中进行验证。

为了清楚起见,我目前正尝试在向导的初始步骤中在数据库中创建一个条目,并让每个后续页面更新模型。

有任何想法吗?

一个例子或一个正确方向的点将不胜感激。

谢谢!

注意:我读过另一篇文章,他们提到了一些关于键/值数据存储的内容,但不幸的是,这让我有点过头了......