问题标签 [smart-wizard]

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 投票
2 回答
400 浏览

html - 如何显示在智能向导前面步骤中选择的选项

我正在为我的项目开发用户界面。我正在使用http://techlaboratory.net/smartwizard上提供的智能向导

我在 smartwizard 的示例目录中使用smartwizard- modal.html。

智能向导模式有 4 个步骤。

我在第 1 步和第 2 步中添加了 4 个多选复选框。

假设用户在步骤 1 中选择了几个选项,在步骤 2 中选择了几个选项,一旦用户在步骤 2 中单击下一步按钮,如何在步骤 3 中显示这些选择的选项?

0 投票
3 回答
8775 浏览

javascript - JQuery SmartWizard - 显示步骤,但未启用

我正在使用这个 Jquery 插件来创建一个类似向导的界面:

JQuery Bootstrap 智能向导

我在向导中有 5 个步骤。首次加载向导时,第 3 步和第 4 步是隐藏的。

  1. 当用户在步骤 2 中选择“是”单选按钮,然后单击“下一步”按钮时,它应该显示、启用并转到向导中的步骤 4。
  2. 当用户在步骤 2 中选择“否”单选按钮,然后单击“下一步”按钮时,它应该显示、启用并转到向导中的步骤 3。

我面临的问题是,隐藏的步骤正在按需显示,但显示为禁用。结果,当我在第 2 步上单击“下一步”时,隐藏的步骤会显示,但未启用,因此会跳到第 5 步。

如何修复它以实现所需的行为?

这是我的代码:

0 投票
1 回答
1111 浏览

javascript - 从ajax加载内容时,如何在jquery SmartWizard中验证输入?

我已经成功实现了用于验证输入类型文本的 jquery SmartWizard,但是当从 ajax 加载输入文本时,验证不起作用。

验证代码:

我如何验证输入?

0 投票
1 回答
5087 浏览

javascript - ajax成功后如何在智能向导中前进

如果 ajax 调用成功,我想进入下一步,但我无法在 ajax 调用中调用智能向导方法。我的代码在这里。

我认为问题出在这些“this”中,所以在 ajax 调用之后如何调用智能向导 this.goForward

0 投票
1 回答
762 浏览

php - 将 Smart Wizard 4 与 ajax 和 php 一起使用

我发现了一个有趣的 jquery 插件来创建一个向导,它的名字是 Smart Wizard 4。我希望能够在第二步之后停止用户,等到插入并从我的 php 脚本中验证邀请码。任何人都可以建议我实现这一目标的方法吗?我从来没有使用过这个插件,所以在验证完成之前我无法弄清楚如何锁定向导。另外我想添加一个需要在第二步之后完成的表格,任何建议都将不胜感激。

更新:

我正在测试建议的代码,但我遇到的问题是用户无法通过我的代码实现继续执行向导步骤。如果代码正确,向导将不会进入下一步,但如果插入错误代码,向导将停止用户。有什么建议吗?

0 投票
0 回答
224 浏览

jquery - 智能向导 ToolbarButtonPosition:“正确”不起作用

我正在使用智能向导 2 。我的向导正确显示,但是一件事不起作用。toolbarButtonPosition 总是显示在左侧,即使我给它的值是 right。这就是我所拥有的

工具栏位置确实生效,但无论我做什么,按钮位置始终保持在左侧。我似乎无法在网上找到任何东西,我似乎无法弄清楚问题可能是什么。

还有其他人有这个问题吗?这不能解决吗?

0 投票
1 回答
85 浏览

javascript - 为什么我的代码一直使用 smartwizard 插件发送 ajax 调用?

我有一个插件,可以在我的网站上创建一个包含步骤的表单。

这是我拨打电话的代码:

它应该只是进行调用并进入下一步,而不是保持在同一步骤并继续进行 ajax 调用,如下图所示:

在此处输入图像描述

0 投票
0 回答
167 浏览

javascript - 验证以多步形式失败,但仍进入下一步

我有 7 个步骤,并且正在使用smart-wizard. 单击“下一步”按钮后,我将在每个步骤中保存我的数据并进行验证,但它正在移动到第 2 步,同时在第 1 步给出错误。屏幕不会在第 1 步停止以完成所有操作并转到下一步。有人可以帮我吗?

我试过e.preventDefault()了,return false;但它并没有停止

在此处输入图像描述

0 投票
1 回答
1659 浏览

jquery - 在智能向导中使用自定义验证?

我想问我是否可以在智能向导中使用 Laravel 验证。

我的示例将来自 laravel 的错误消息显示在智能向导中。

在这个阶段,我遵循了官方网络文档的示例。

这是我制作的代码:

在文件 .blade.php 中

在这里,我尝试输入输入引脚并从 laravel 发出错误消息。

不会出现错误消息,但在我正确填写表格之前仍然需要该表格。

还有其他方法吗?或者实际上我只能将它用作它的文档。

谢谢

0 投票
2 回答
1184 浏览

smart-wizard - TypeError: this.nav.find 不是一个函数 smartwizard

我使用的是(Step Wizard with Bootstrap 4)的电影,我的 bootstrap 版本是 4.5.1。

我看到了这个演示。

智能向导

我的代码不工作,但在 youtube 工作。