首页 > 解决方案 > 防止javascript点击事件激活表单提交

问题描述

我正在处理一个复杂的表单,其中包含不同选项卡中的各种输入字段。例如,为了处理这些选项卡并将 DIV 放在前面,我正在使用 javascript 点击事件。例如,在我使用的页面构建时设置第一个选项卡:

document.getElementById("defaultOpen").click();

我在整个表单周围有一个 FORM,每当触发 javascript click 事件时都会提交。到目前为止我已经尝试过: - 我用普通按钮替换了提交按钮。不幸的是没有影响。- 我添加了一个 onsubmit="return mySubmitFunction(event)" 事件,该事件返回 false 并阻止发送表单。

是否有人熟悉此问题单击事件/表单提交并知道如何解决它并可以将我推向正确的方向?

谢谢,

卢卡斯

标签: javascripthtmlformseventsclick

解决方案


当您单击按钮时,以下代码可避免您提交。

$('button').click(function(e){
       e.preventDefault();

        // rest of your code

    });

推荐阅读