问题标签 [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.
jquery - 智能向导 - 仅倍数 重置第一个实例
我有一个包含多个智能向导的表单,每个智能向导都使用递增的 UID。单击表单“返回”或“重置”按钮(向导外部)时,我想将向导重新启动到第 1 步。步骤重置仅在智能向导的第一个实例上发生。我尝试更新我的 JS 以包含所有包含“smartwizard”的 ID,但它仍然只针对第一个。
在最新的 v5多个演示中,当在两个向导上推进步骤并在第二个向导上单击取消时,可以查看相同/相似的行为,仅在第一个向导上触发重置。
我是否遗漏了智能向导代码中“重置”键上事件处理的发生方式和位置(请参阅源链接以供参考)?我需要从这一点开始的指导,所以任何见解都值得赞赏......
jQuery / JS 文件
智能向导
HTML 文件
jquery - StepIndex 的值错误
在第一次初始化 smartWizard 时,我得到 showStep 事件的 NULL stepIndex。但是,我希望这是 0 或“选定”中设置的任何值。
当我单击下一步时,它将记录索引 0 而不是 1,依此类推。
我确定我做错了什么,但无法弄清楚这一点。
javascript - Jquery 智能向导 5 表单字段通过 ajax 在下一个选项卡中动态加载,而不是在 ajax 表单中提交
我正在使用jquery 智能向导 5并使用 leaveStep ajax 在下一个选项卡中添加输入字段数组,但是当我最终提交表单时,添加的输入字段没有在 ajax 帖子中提交。
表格
使用 leaveStep ajax 请求在下一个选项卡中将输入字段添加到表单,成功后提交完整的表单,但使用 ajax 添加的数据未在表单中提交
smart-wizard - jQuery 智能向导 - 重置某些步骤
我在我的 MVC 项目中使用它:http: //techlaboratory.net/jquery-smartwizard#func-stepstate
那里解释了如何禁用或隐藏步骤,但是如何重置/标记撤消某些特定步骤?
我需要这个的原因:我有 7 个步骤,如果他的用户返回到第 3 步并更改某些内容,则必须重置以下所有步骤,使用户再次执行这些步骤。
谢谢!
jquery - jQuery智能向导:使用ajax发布表单成功后不会进入下一步
jQuery 智能向导在调用$("#smartwizard").smartWizard("next");
.
- Ajax 用于提交包含在 Promise 中的表单。
- 成功时 Api 返回完成
- 否则返回格式正确的 html。
在这里,表单验证正在工作。当存在服务器端验证错误时,它也会显示,而成功的 ajax 发布向导不会进入下一步。
jquery - jQuery Smart Wizard v4 Step Validaton 使用 jquery 验证插件
在这里,我在表单中使用 jQuery Smart Wizard v4,共有三个步骤,每个步骤都有一些输入字段。我的问题是,我只需要在进行下一步之前验证每个字段。
我的表单中的 HTML 与此类似:
这就是我在 jQuery 中尝试的方式:
但是这段js
代码对我不起作用。这意味着我不能进入下一步,但是如果我从leaveStep
方法中删除验证代码,它就会进入下一步。有人可以帮我解决这个问题吗?
jquery - jQuery 智能向导 - LeaveStep 未正确注册 - 启用/禁用按钮
我正在使用 SmartWizard 插件创建一个向导表单来输入新的用户详细信息。我有一个自定义的“提交”按钮,在用户到达表单的最后一步第 5 步之前应该禁用该按钮。
通过 SmartWizard 的leaveStep
功能,我应该能够跟踪当前幻灯片何时更改为第 5 步,但事实证明这是超级不可靠和错误的。从第 4 步切换到第 5 步时,有一半的时间按钮没有被激活,但是当我从第 5 步切换回第 4 步时,按钮又被激活。如果我刷新并从第 1 步 > 2 > 3 > 转到第 4 步,它没有激活。
谁能告诉我这里有什么问题?
谢谢
智能向导
LeaveStep 事件
编辑:澄清为什么代码中的计步器说4
. SmartWizard 将第一步计为 [0],将第二步计为 [1],将第三步计为 [2],等等。我的第五步和最后一步将是 [4]。
javascript - jQuery Smart Wizard - 如果验证失败,取消移动到下一步?
我正在为我的一个项目使用 jQuery SmartWizard。我通过似乎正在工作的 jQuery Validation 插件进行了验证。问题是,如果当前步骤的验证失败,我希望 SmartWizard 阻止用户导航到下一步。
下面的代码似乎可以工作,因为我可以看到Form on step X is invalid
控制台日志条目,但是return false
即使验证明显失败,下面的应该会阻止用户导航到下一步的代码似乎被忽略了。
我也尝试将函数绑定到按钮的click
事件sw-btn-next
,这是单击以继续下一步的按钮,但这似乎也不起作用。
jQuery 3.2.1 // Bootstrap 3.3.7 // SmartWizard 5.1.1(最新) // jQuery Validation 1.19.3(最新)
jQuery 验证
智能向导
javascript - jQuery - 如果 AJAX 结果是 xyz 无法识别,则为 false
我正在显示一个向导表单,并且在某个阶段必须检查输入的property_code
输入值是否与数据库中的任何记录匹配。这是通过 jQuery 和 AJAX 调用完成的,它以Valid
或响应Invalid
,基于此我可能希望阻止用户移动到向导的下一页。
现在,此功能受smartwizard()
插件支持并且应该可以工作,但是在验证 AJAX 响应时似乎存在 jQuery 问题。我看到响应是Invalid
,但用户仍然可以转到下一张幻灯片,这表明返回时存在问题true
或false
。
我不擅长 jquery / JS,因此如果有人能解释我问题出在哪里,我将不胜感激?我知道从那时false
起返回应该停止脚本的其余部分,所以不确定我在这里做错了什么。
谢谢