Question

我有一个包含在列表项中的表单，其中css显示为none。要查看表单，用户单击一个按钮，导致jquery调用slideToggle。好不幸的是，当用户单击表单的提交按钮时，它会将列表项反转为不显示。坏。由于用户无法看到任何表单提交错误。我正在尝试停止提交按钮以关闭表单。表单是使用Gravityforms（wordpress插件）创建的，因此我无法更改表单提交代码。（我不这么认为？）

这是html

<ul class="contact">
   <li>class="gravity-form">
   <div>
      <form>
        <div></div>
        <div></div>
        <div></div>
        <div class="gform_footer left_label">
        <input type="submit" id="gform_submit_button_1" class="button gform_button"
        value="Submit" tabindex="5">
        </div>           
      </form>
   </div>
   </li>
</ul>

任何想法。我正在考虑将jquery选择器移动到DOM以强制列表项为diplay：list-item？

提前致谢

Answer 1

查看有关事件传播的this article。使用event.stopPropagation()将阻止事件冒泡DOM，而不会阻止默认操作。

<input type="submit" id="gform_submit_button_1" class="button gform_button"
    value="Submit" tabindex="5" onclick="stopEvent(event);">

在你的javascript中：

function stopEvent(event)
{
    event.stopPropagation();
}

现在，当您单击按钮时，您的父元素将不会收到click事件。

阻止表单从结束列表项提交

1 个答案: