Javascript 一页3张表格

我目前正在一个页面上显示三个重力表单，“display:none；”，并在单击三个相应按钮之一时将其设置为“block”

您可以在上查看示例

问题是，在验证时，AJAX部分会重新加载错误消息，并再次将表单显示为隐藏，在本例中，这显然没有意义

是否有任何方法可以连接到验证过程中，并将表单设置为显示，或者是否应该以另一种方式执行此操作

JS

var form = jQuery(this).attr('href');
jQuery('.gform_wrapper').not(form).css('display','none');
jQuery(form).slideDown();

HTML

每个表单都包含在此包装器中，包装器设置为“display:none”

---

提交按钮没有

href

属性（假设正在单击该属性），您是在尝试获取

表单的
操作
，还是将
表单
实例本身保存到一个变量中

我认为您正在尝试将
表单
元素保存为变量，因此我将您的代码更改为：

var $form = jQuery(this).parents('form'); // use $ prefix to show it's a jQuery object
jQuery('.gform_wrapper').not($form).css('display','none');
jQuery($form).slideDown(); // not sure if you need this line if the form is already showing

但是如果没有某种可以编辑的自包含示例，我不确定这是否是您所需要的全部。
提交按钮没有
href
属性（假设单击的是该属性），您是要获取
表单的
操作
，还是将
表单
实例本身保存到变量中

我认为您正在尝试将
表单
元素保存为变量，因此我将您的代码更改为：

var $form = jQuery(this).parents('form'); // use $ prefix to show it's a jQuery object
jQuery('.gform_wrapper').not($form).css('display','none');
jQuery($form).slideDown(); // not sure if you need this line if the form is already showing

但是如果没有一些可以编辑的自包含示例，我不确定这是否就是您所需要的。重力形式在当时可能有点棘手，我最终发现了错误

我在“.button”类上使用了一个“click”eventListener在隐藏/块的表单之间切换。但是，Gravity表单中的submit按钮也附加了一个button类，因此每次单击submit按钮时它都会隐藏表单

因此，我确保单击侦听器仅连接到顶部的三个按钮。
重力表单在当时可能有点棘手，我最终发现了错误

我在“.button”类上使用了一个“click”eventListener在隐藏/块的表单之间切换。但是，Gravity表单中的submit按钮也附加了一个button类，因此每次单击submit按钮时它都会隐藏表单

因此，我确保单击侦听器仅连接到顶部的三个按钮。
如果表单未验证并再次显示该块，我是否有可能钩住重力表单钩子？@MarcusChristiansen抱歉，不确定，因为我从未使用过重力表单，但我会看看是否能找到任何东西。如果表单无法验证并再次显示该块，我是否有可能钩住重力表单钩子？@MarcusChristiansen抱歉，不确定，因为我从未使用重力表单，但我会看看是否能找到任何东西。