Javascript 为什么我的联系人表单上的提交按钮不起作用？

因此，我们将此联系人表单放在不起作用的网页页脚中，表单验证和jquery事件与表单本身无关

页面上的javascript应该将一个事件附加到submit按钮，但看起来这不起作用

以下是jQuery：

jQuery（document）.ready（函数（）{
jQuery（'#form#u contact_form_widget_001'）。validationEngine（'init'）；
jQuery（“#表单(联系人)表单(小部件)001 a#联系人(表单)小部件(小部件)001(wformsend)）。单击（函数（）{
var form_builder_url=jQuery（'#contact_form_widget_001_wurl'）.val（）；
jQuery（'#form_contact_form_widget_001.loading'）。动画（{
不透明度：1
} , 250);
if（jQuery（'#form_contact_form_widget_001'）.validationEngine（'validate'））{
post（表单生成器url，{
字段_003:jQuery（'#字段_003'）.val（），
字段_004:jQuery（'#字段_004'）.val（），
formname:'contact_form_widget_001'，
formtype:“小部件”
}，函数（）{
jQuery（'#form_contact_form_widget_001.loading'）。动画（{opacity:0}，250）；
document.getElementById（'form_contact_form_widget_001'）.reset（）；
jQuery（'#form#u contact_form_widget_001'）.parent（）.find（'.widgetinfo'）.hide（）；
jQuery（'#form#u contact_form_widget_001'）.parent（）.find（'.widgetino'）.fadeIn（'fast'）；
jQuery（'html，body'）.animate（{scrollTop:'jQuery（'#form_contact_form_widget_001'）.offset（）.top-100）}，'slow'）；
jQuery（'#form_contact_form_widget_001'）.parent（）.find（'.widgetinfo'）.delay（5000）.fadeOut（1000）；
} );
返回false；
}否则{
jQuery（'#form_contact_form_widget_001.loading'）。动画（{opacity:0}，250）；
返回false；
}
} );
} );查看html源代码，您的表单中有以下内容：

除了“#”之外，没有定义任何操作，其中至少应该有一个页面url或函数。
您希望在表单中使用jQuery内置的
提交
事件

为了覆盖默认表单行为，您应该将事件对象
e
传递到此事件中，并调用
e.preventDefault（）
。这将阻止您的表单跳到屏幕顶部，并阻止您无法执行操作

jQuery('#form_contact_form_widget_001').submit(function (e) { 
  e.preventDefault();
  // rest of the code
});

您必须先修复错误：
未捕获类型错误：无法读取未定义的属性“scrollHeight”
检查您的控制台是否正常工作。感谢A.WolffOP正在绑定元素上的点击事件，至少他认为这不是问题所在。此模板页面使用相同的代码，表单工作正常，因为提交按钮上附加了一个事件。我无法找出事件未附加到我的版本上的原因。@GLevy124不希望任何包含任何js错误的站点正常工作