onsubmit="return false" 是什么意思？ (JavaScript, jQuery)

Question

我知道提交表单时会发生 onsubmit 事件。

通常，我们在 onsubmit 事件上调用一个方法，例如<form action="" onsubmit="myfunction()"> 。

今天我看到了这个， "<form action="" onsubmit="return false">" 。 它是如何工作的？ 我不明白onsubmit="return false"的含义是什么。

PS：我在学习 Ajax 时发现了这一点。 这是一个教程，它解释了如何在不刷新页面的情况下将数据提交到数据库。

Answer 1

这基本上是为了通过 JavaScript 处理表单提交。

例如-用于验证目的

查看下面的代码，看看它是如何有益的：

<script language="JavaScript">
myFunctionName() {
    if (document.myForm.myText.value == '')
        return false;
        // When it returns false - your form will not submit and will not redirect too
    else
        return true;
     // When it returns true - your form will submit and will redirect
// (actually it's a part of submit) id you have mentioned in action
}
</script>

<form name="myForm" onSubmit="return myFunctionName()">
<input type="text" name="myText">
<input type="submit" value="Click Me">
</form>

Answer 2

如果您使用按钮而不是提交，就像我下面的情况一样：

 <form name="myForm" onSubmit="myFunctionName(); return false">
    <input type="text" name="myText">
    <input type="button" value="Click Me" onclick="myFunctionName()">
 </from>

Answer 3

这有效地防止了表单在任何情况下提交，除了在脚本控制下（通过 form.submit()，它不会触发提交事件）

<\/blockquote>

参考：Query in Action 第三版（影响事件传播和语义动作，第 143 页）

Answer 4

根据HTML 标准<\/a>， onsubmit<\/code>是事件处理程序的名称<\/a>。 事件处理程序内容属性被视为脚本<\/a>。 该脚本将用于处理相关事件。 在“事件处理程序处理算法”的第 5 步中，它说“处理返回值如下”<\/a> ：

• 如果事件是 BeforeUnloadEvent 对象并且事件的类型是 beforeunload
  在这种情况下，事件处理程序 IDL 属性的类型将是 OnBeforeUnloadEventHandler，因此返回值将被强制转换为 null 或 DOMString。<\/li>
  • 如果返回值不为空，则：
    设置事件的取消标志。<\/li>
    • 如果 event 的 returnValue 属性值为空字符串，则设置 event 的 returnValue 属性值为返回值。<\/li><\/ul><\/li><\/ul><\/li>
    • 如果特殊错误事件处理为真
      如果返回值为真，则设置事件的取消标志。<\/li><\/ul><\/li>
      • 否则
        如果返回值为 false，则设置事件的取消标志<\/a>。<\/strong><\/li><\/ul><\/li><\/ul><\/blockquote>

        所以，简而言之， return false<\/code>将取消事件（或者在这种情况下，取消表单提交）。

        "