表单 onsubmit 属性中的“someFunction()”、“JavaScript:somFuction()”和“return someFunct()”之间有什么区别？

如何解决表单 onsubmit 属性中的“someFunction()”、“JavaScript:somFuction()”和“return someFunct()”之间有什么区别？

我想知道从表单以这些不同的方式调用 JavaScript 函数之间的区别。

方法一

<form onsubmit="someFunction()">

方法二

<form onsubmit="JavaScript:someFunction()">

方法 3

<form onsubmit="return someFunction()">

我在任何 HTML5 onsubmit 文档中都找不到任何提及 form 属性的内容（只有一些 HTML4 文档的一些信息）。我不应该使用它吗？在提交按钮上使用 onclick 会更好吗？

解决方法

onsubmit="someFunction()"

调用函数

onsubmit="JavaScript:someFunction()"

相同，但带有完全无用的 label。编写它的人可能在 href 属性中看到了 javascript: scheme URL（这是一个糟糕的主意，除非您明确编写书签）并陷入 cargo cult，不明白 {{ 1}} 属性期望它们的值是 JavaScript 而不是 URL。

on*

相同，但提交事件处理函数返回函数返回的任何内容。如果它返回 onsubmit="return someFunction()" ，它会阻止表单提交的默认行为。

我在任何 HTML5 表单文档中都找不到任何提及 onsubmit 属性的内容

它是用一般术语 here 定义的。

我不应该使用它吗？

内在事件属性违反了 separation of concerns 的原则，有一些真正的 unintuitive scoping rules，同时还取决于从它们调用的函数是 globals。

最好避免它们。

现代 JS 将使用 addEventListener 绑定事件处理程序，并使用 preventDefault 阻止表单提交的默认行为

在提交按钮上使用 onclick 会更好吗？

没有。表单提交可以通过其他机制触发，例如在文本输入中按 Enter。虽然这可能会触发提交按钮上的点击事件，但最好说出您的意思。