问题标签 [jquery-form-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 投票
1 回答
1851 浏览

jquery - 使用 jquery 表单向导编写自定义验证

我正在使用jquery Form Wizard,并且想编写自定义验证规则。

我当前的问题是我想将字段验证为 URL,但如果用户忘记添加“http://”前缀,我不想拒绝这个,而是在服务器端添加前缀。

我目前正在使用url该类进行此验证,它不支持此选项。为了解决这个问题,我想使用自定义正则表达式而不是url验证器(基本上,只需检查 URL 字段是否有句点并且至少有五个字符长)。

我无法让 jquery-ui-form-wizard 使用正则表达式或调用回调函数进行验证。注意 - 我想验证每一步,而不仅仅是提交。

我将以下内容添加到表单向导选项中,并调用了我的回调 - 但即使它返回 false,单击下一步仍会进入下一页:

我想设置一个自定义错误消息(以标准方式显示到验证插件),或者重用 URL 消息。

实现这一目标的最佳方法是什么?

0 投票
2 回答
2394 浏览

javascript - 在 jquery 表单向导的第一页上隐藏“后退”按钮的最佳方法是什么?

我们有与 jquery-form-wizard 一起使用的 HTML 结构:

现在,重置和提交按钮由 jquery-form-wizard 管理。第一页禁用了重置按钮(标题为“返回”),提交按钮用作“下一步”。当移动到 page2 时,两个按钮都被启用(在服务器端验证期间,Next 按钮首先被禁用,然后两个按钮都被启用)。这一直持续到最后一页,我们有提交而不是 Next。

现在,我想修改第一页上重置/返回按钮的行为。我不想禁用它,而是想隐藏它。

我可以在不接触 jquery-form-wizard 代码的情况下通过 css 轻松实现这一点吗?还是我应该修改它并添加一个“隐藏第一个后退按钮”选项?

0 投票
1 回答
883 浏览

jquery-plugins - 如何通知 FormWizard 插件跳过的步骤(未显示)以避免丢失数据?

我将表单向导插件与 8 步表单集成在一起;问题是,每当我尝试编辑信息然后跳转到表单中的特定步骤时,基本上跳过忽略前面的步骤,所有未显示的步骤(因为我跳过了它们)都不会发送!!!:( 所以丢失了所有已经填充到这些字段中的数据。

例如,

这将触发 Step4,但如果我在 Step1 并且没有看到 Step2 和 Step3,并直接跳到 Step4.. 那么插件会忽略那些 Step2 和 3,所以当我的处理脚本将处理空数据时。我想知道如何通知插件现在显示了一些步骤以提交这些值。

注意:我没有为此使用 Ajax。

这是设置所在的位置:

跳到这样的特定步骤...

..如果我尝试使用以下命令强制提交任何步骤的更改,也会发生同样的事情: $("#demoForm").submit(); :/

提前致谢!坦率

0 投票
2 回答
1203 浏览

jquery - JQuery 表单向导插件 - Chrome 不隐藏之前的步骤

我有一个适用于 Firefox 的表单(使用 thecodemine.org 中的 JQuery 插件表单向导)。在 Firefox 中,当您点击“下一步”时,它会隐藏上一步并显示下一步。在 Chrome 中,它不会隐藏上一步。Chrome 不会给出任何 Javascript 错误。

这不是 Chrome 和表单向导的一般问题。这是一个特定于我的实现的。

我为您创建了一个测试表来检查此错误:http ://www.energyjustice.net/map/test2.html

我正在使用 Jquery UI 1.8.7 和表单向导 3.0.5。

0 投票
1 回答
1353 浏览

php - jquery formto 向导插件 - 动态添加步骤到表单

我有一个简单的网络表单,允许用户提出请求票。现在,当且仅当从第一个表单的下拉框中选择某个值时,需要显示另一个表单。否则,用户只需填写一张表格。

所以我想也许我可以使用 jquery FormToWizard 插件。但是,当从下拉列表中选择一个值时,我无法在表单中动态添加步骤。

有没有人这样做过?

0 投票
1 回答
1081 浏览

asp.net - JQuery 验证不适用于复选框组

我无法让 JQuery 验证与一组复选框一起使用。我正在使用 ASP.NET 复选框列表生成复选框,并且我使用 JQuery 将列表中每个复选框的“名称”属性设置为相同的内容。这是写入浏览器的代码。我在第一个复选框上设置了“验证”属性,以设置必须选择至少一个复选框的规则。JQuery 验证适用于表单上的所有其他元素,但不适用于复选框列表。我还在页面上使用了一个 JQuery 表单向导,它为表单的每个“页面”触发验证,所以我无法控制如何调用验证。

关于出了什么问题的任何想法?有很多 JQuery 脚本示例可以进行验证,但是我试图避免这种情况,因为我正在通过自定义控件生成复选框列表服务器端,以便它可以在可能或可能的不同页面中重复使用没有启用 JQuery。我正在尝试启用 JQuery 验证,同时尽可能不显眼,这样即使禁用了 JQuery,页面仍然可以工作。

以下是表单向导的相关 JQuery 包含和 JQuery 初始化脚本。我没有使用任何初始化代码进行 JQuery 验证:

0 投票
1 回答
5454 浏览

angularjs - 如何使用带有角度 ui jquery passthrough 的指令中的步骤来获取表单向导?

我已经使用表单向导尝试了 Angular 中的 jquery passthrough,效果很好。但是,现在我遇到了一个问题。当 formwizard 中的步骤在指令内时,jquery passthrough 似乎不起作用(所有步骤都显示,而不是只显示第一个步骤):

这是我的 activityWizardStep 指令的样子:

和wizard_step.html:

就像我之前说的,所有的步骤都会一直显示。我认为这是某种时间问题,例如当 jquery passthrough 尝试初始化 formwizard 时,指令或包含不在 dom 中。这是正在发生的事情吗?如果是这样,我应该使用 $timeout somehwere 吗?如果是这样,我会把它放在哪里。也许有更好的方法。有什么想法吗?

0 投票
2 回答
2415 浏览

jquery - 使用表单向导插件使 jquery 验证工作?

我正在使用 jquery 验证插件以及我发现的另一个插件来创建一种表单向导。我遇到的问题是在表单向导的下一个按钮上触发验证插件,因此每个步骤过程都得到验证,而不仅仅是在提交按钮上。

这是jsfiddle:http: //jsfiddle.net/DHNPz/

javascript 部分包含我为表单编写的代码以及 formtowizard JS。我假设我需要编辑这部分代码:

点击函数内部。我只是不确定如何在这里调用验证触发器

请帮忙!

0 投票
7 回答
4226 浏览

java - 提交按钮以提交表单并使用 jquery form-wizard 转到下一个屏幕

我正在使用jquery FormWizard并希望在最后一个屏幕上使用提交按钮作为提交表单并转到下一个屏幕的一种方式。

问题是我将这个 jquery 脚本嵌入到我的 Java 代码中。现在我有一个来自 jquery 表单向导的“提交”按钮,我有一个来自我的 Java 代码的“继续”按钮。因此,用户通过按“提交”提交表单,然后按“继续”进入下一个屏幕。对用户来说不是一个理想的情况。

如果我只使用“继续”而不按提交,它不会存储表单的任何信息。一旦我按“提交”然后“继续”,表格上的所有信息都将保存在数据库中。如何使用继续按钮作为提交并继续到下一个屏幕,这样我就不需要最后一个屏幕上的提交按钮。

0 投票
2 回答
2500 浏览

jquery - jQuery 表单向导未提交(或似乎未提交)

我有一个 jQuery 表单,可以很好地完成每个步骤,但它似乎没有提交。这是代码:

BeforeSubmit 事件触发,但从不触发成功。http://thecodemine.org/上的文档指向此处:http: //jquery.malsup.com/form/#options-object,并建议 malsup.com 上的每个选项都可用于 jQuery 表单向导。

知道为什么这个状态 div 永远不会更新吗?

谢谢!

编辑:

更新的 JS:

我现在在我的 apache 日志中看到脚本正在调用 submit.php,但它似乎没有将响应放在页面上。