通过 AJAX 发送修改后的重力形式的问题

如何解决通过 AJAX 发送修改后的重力形式的问题

我遇到了一个不寻常的问题。我在 Gravity Forms ( multi-page ) 中定义了一个三页的表单。表单中的所有字段都是必需的。所有这些都嵌入在启用了 AJAX 选项的网站上并且工作正常。

不幸的是，我必须在我的项目中获得表单的分页视图。但是，在桌面视图中> 768px，所有字段都必须在一页上。

因此，我使用了在桌面视图中隐藏 PREV 和 NEXT 按钮的 css 代码。我正在添加一个类：display:block 使隐藏的单个表单页面可见。

@media (min-width: 992px) {
# gform_next_button_1_5,# gform_prevIoUs_button_1_7,# gform_next_button_1_7,# gform_prevIoUs_button_1 {
display: none! important;
}

# gform_page_1_1,# gform_page_1_2,# gform_page_1_3 {
display: block! important;
}

}

不幸的是，在移动视图中，一切都按照我正确编写的方式工作。在桌面视图中，所有字段都可见，PREV 和 NEXT 按钮隐藏，但 SEND 按钮不起作用。

最简单的方法是制作两个表格，但不幸的是这是不可能的，因为系统将包含更多表格，这会使事情复杂化。

这里是这些表格的预览链接：http://gravity.d-c.pl/test

也许有人设法解决了类似的问题，寻求帮助:)

解决方法

看起来好像这个功能依赖于用户提交下一步按钮来触发多页表单的进度。没有它，表单将无法继续，提交按钮仍然被禁用。

应该可以编写一些 javascript 或 jQuery 来检测用户何时在表单的第 2 页上填写了任何答案，为他们提交下一个按钮并移动表单，但在用户填写时隐藏该操作选择第 2 页和第 3 页上的项目。这是否为您指明了正确的方向，还是您在寻找示例？