阻止javascript单击事件以激活表单提交
我正在处理一个复杂的表单,在不同的选项卡中有不同的输入字段。例如,为了处理这些选项卡并将DIV放在前面,我使用javascript单击事件。例如,要在生成页面时设置我正在使用的第一个选项卡:阻止javascript单击事件以激活表单提交,javascript,html,forms,events,click,Javascript,Html,Forms,Events,Click,我正在处理一个复杂的表单,在不同的选项卡中有不同的输入字段。例如,为了处理这些选项卡并将DIV放在前面,我使用javascript单击事件。例如,要在生成页面时设置我正在使用的第一个选项卡: document.getElementById("defaultOpen").click(); 我在整个表单周围都有一个表单,每当javascript单击事件被触发时,这个表单就会被提交。到目前为止,我所尝试的: -我将提交按钮替换为普通按钮。不幸的是,没有影响。 -我添加了一个onsubmit=“ret
document.getElementById("defaultOpen").click();
我在整个表单周围都有一个表单,每当javascript单击事件被触发时,这个表单就会被提交。到目前为止,我所尝试的:
-我将提交按钮替换为普通按钮。不幸的是,没有影响。
-我添加了一个onsubmit=“return mySubmitFunction(event)”事件,它返回false并阻止发送表单
是否有人熟悉此问题单击事件/表单提交,知道解决此问题的最佳方法,并能将我推向正确的方向
谢谢
Lukas当您单击按钮时,以下代码避免您提交
$('button').click(function(e){
e.preventDefault();
// rest of your code
});
不确定是否理解所有内容,但您可以尝试添加
type=button
作为
属性。我已经用以下提交按钮尝试过了:
,但它仍然会触发单击事件。您可以使用事件.preventDefault()代码>在一个事件侦听器中阻止它被提交。大家好,这工作非常出色,并将我引向了正确的方向-谢谢!所以我做了:我添加了事件.preventDefault()代码>到表单处理函数。这会阻止表单提交表单。就这样-一切都按预期进行!:)附:我如何结束这个问题?我是否必须删除它以防止任何人花费时间在这方面,或者有人可以将其标记为已解决?仅代码的答案几乎总是可以通过添加解释来改进,例如您正在做什么以及它是如何工作的。带来了一些更改