阻止单击表单上的提交传播到单击处理程序

Question

我有一个点击事件，可以将表单滑入视图。我也使用.toggle将表单向下滑动。我遇到的问题是，当用户单击表单上的提交按钮时，表单会向下滑动，就好像触发了.toggle一样。

// Slides the contact form up from the footer
$('#show-form').click(function (e) {
e.stopPropagation();
$('#get-started-form').hide('slide', {direction: 'down'}, 750);
$(this).next('#get-started-form').stop().toggle('slide', {direction: 'down'}, 750);

}）;

我尝试在表单的“提交”按钮上使用.stopPropogation，如下所示;

$('#gform_submit_button_1').click(function(event) {
event.stopPropagation();

}）;

Answer 1

看起来页面正在重新加载提交并且验证消息未显示，因为页面重新加载它“关闭”或加载关闭。尝试通过ajax而不是表单发布验证和提交。