希望HTML表单提交不执行任何操作

Question

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

action=""

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

基本上，我希望每当按下一个按钮或有人Enter在键入数据后点击它时，都将调用Ajax函数。是的，我可以删除表单标签并添加，只需从按钮的onclick事件中调用该函数即可，但我也希望“命中进入”功能而又不至于让人头疼。

Answer 1

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

基本上，您需要以下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>