希望 HTML 表单提交什么也不做

Question

我希望 HTML 表单在提交后不执行任何操作。

 action=""

不好，因为它会导致页面重新加载。

基本上，只要按下按钮或有人在键入数据后按下 Enter ，我就希望调用 Ajax 函数。是的，我可以删除表单标签并添加只调用按钮的 onclick 事件中的函数，但我也希望“点击输入”功能不会变得很乱。

原文由 Steven Biggums 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

通过在从提交按钮调用的 JavaScript 代码中使用 return false; ，您可以停止提交表单。

基本上，您需要以下 HTML：

 <form onsubmit="myFunction(); return false;">
    <input type="submit" value="Submit">
</form>

然后是支持的 JavaScript 代码：

 <script language="javascript"><!--
    function myFunction() {
        // Do stuff
    }
//--></script>

如果你愿意，你也可以在某些条件下允许脚本提交表单：

 <form onSubmit="return myFunction();">
    <input type="submit" value="Submit">
</form>

配对：

 <script language="JavaScript"><!--
    function myFunction() {
        // Do stuff
        if (condition)
            return true;

        return false;
    }
//--></script>

原文由 Jeffrey Blake 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

<form id="my_form" onsubmit="return false;">

足够的 …

原文由 simple 发布，翻译遵循 CC BY-SA 4.0 许可协议