一页上有3个重力表格

时间:2015-08-11 14:21:08

标签: javascript jquery ajax wordpress gravity-forms-plugin

我目前正在页面上显示三种重力形式,“display:none;”,并在点击三个相应按钮中的一个时将它们设置为“阻止”。

您可以在http://b2bsauce.com/

上查看示例

问题在于,在验证时,AJAX部分重新加载,并带有错误消息,并再次将表单显示为隐藏,显然,在这种情况下,没有意义。

有什么方法可以挂钩验证过程并设置要显示的表格,还是我应该以另一种方式解决这个问题?

JS

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

HTML

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

<div class="gf_browser_chrome gform_wrapper" id="gform_wrapper_1" style="display: block;">
</div>

<div class="gf_browser_chrome gform_wrapper" id="gform_wrapper_2" style="display: block;">
</div>

<div class="gf_browser_chrome gform_wrapper" id="gform_wrapper_3" style="display: block;">
</div>

2 个答案:

答案 0 :(得分:0)

提交按钮没有Fragment fragment = cordova.getActivity().getFragmentManager().findFragmentById(resources.getIdentifier("container", "id", packageName)); cordova.getActivity().getFragmentManager().beginTransaction().remove(fragment).commit(); 属性(假设被点击的内容),您是否正在尝试获取href的{​​{1}}或只需将action实例本身保存到变量?

我认为您正在尝试将form元素保存到变量中,因此我将您的代码更改为:

form

但是如果没有可以编辑的某种自包含示例,我不确定你是否还需要这些。

答案 1 :(得分:0)

重力形式在某些时候可能有点棘手,我最终发现了错误。

我使用了&#34;点击&#34; &#34; .button&#34;上的eventListener用于在表单的隐藏/块之间切换的类。但是,Gravity Forms中的提交按钮也附加了一个按钮类,因此每次单击提交按钮时它都隐藏了表单。

因此我确保点击监听器仅附加到顶部的三个按钮。