javascript - 我的 Onclick 处理程序返回 false，但我的表单仍已提交

Question

我有一个带有提交按钮的表单，并通过 onclick=.... 附加了一个验证器。当我单击提交按钮时，验证器将被执行并返回 false。尽管如此，表格还是被提交了。怎么会这样？

为了进一步缩小问题范围，我什至临时将代码更改为:

<form id="contactform" method="post" action="cgi-bin/process_contact_form.rb">
    ....
    <input type="submit" value="Abschicken" onclick="false && k_validate('de')" />
</form>

这只会返回 false 并绕过我的验证器。事实上，即使在这个版本中，表单也会被提交。

请注意，我知道有一些方法可以绕过验证器提交表单。我在这里只对“正常”情况感兴趣，即当用户明确单击按钮时。

我已使用以下浏览器在 Mac OSX 10.6.8 上对此进行了测试:

海猴2.0.14Safari 5.1.10Chrome 36.0

当然，启用了 JavaScript。

带有上述“false”快捷方式的测试页面可以在此处看到:

http://www.tsukaeru-doitsugo.de/testing.html

它有两个按钮。第一个按钮(标记为“Abschicken”)是表单内的按钮。它的 onclick 处理程序返回 false，但表单仍被提交。

Answer 1

您缺少返回语句:

<input type="submit" value="Abschicken" onclick="return k_validate('de')" />