javascript - 返回 false 时表单仍然提交(看不到错误)

Question

我在 stackoverflow 上搜索并找到了一些答案，但我尝试了一切。也许这只是一个小错误，或者几个小错误，但我找不到它们。

我也试过jsFiddle !

<form class="search" onsubmit="return false;" method="get" action="index.html">
    <input class="text" type="text" onblur="if(this.value == ''){this.value = this.defaultValue;}" onfocus="if(this.value == this.defaultValue){this.value = '';}" onkeydown="if (event.keyCode == 13) { this.form.submit(); return false; }" value="Nachname" name="inputNachname" />
    <input class="text" type="text" onblur="if(this.value == ''){this.value = this.defaultValue;}" onfocus="if(this.value == this.defaultValue){this.value = '';}" onkeydown="if (event.keyCode == 13) { this.form.submit(); return false; }" value="Vorname" name="inputVorname" />
    <input type="hidden" value="search" name="query" />
    <button id="searchButton2" onmouseover="this.style.cursor = 'pointer';" onclick="form.submit();" value="Go" type="button">SUCHE</button>
</form>

我想要一个返回 false 的函数:

<form class="search" onsubmit="return go_search();" method="get" action="index.html">

这是函数:

function go_search(){
    alert('abort');
    return false;
}

jsFiddle

也许任何人都可以发现一些错误或找到更好的方法来做到这一点？

Answer 1

你的 fiddle 有两个问题。

1. 您的 JavaScript 函数被包装在 window.load 处理程序中，将其置于错误的范围内。只需将其放在头部就足够了。
2. 您的按钮有类型按钮，而不是提交按钮。按钮中的 onclick="form.submit();" 正在运行并提交表单，因为它触发了提交，而不是触发表单的提交处理程序( onsubmit =“返回go_search();”)。将按钮类型从按钮更改为提交即可解决此问题。

<强> jsFiddle example