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

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

action=""

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

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

通过使用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>

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

足够的 ...

它也可以工作：

<form id='my_form' action="javascript:myFunction(); return false;">

怎么样

<form id="my_form" onsubmit="the_ajax_call_function(); return false;">
 ......
</form>

您可以使用以下HTML

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

<form onsubmit="return false;">

作为按钮的onclick事件的一部分，返回false，这将阻止表单提交。

即：

function doFormStuff() {
    // Ajax function body here
    return false;
}

然后只需单击“提交”按钮即可调用该函数。有很多不同的方法。

使用jQuery。也许将div放在表单中的元素周围。然后使用preventDefault（），然后进行Ajax调用。

采用：

<form action='javascript:functionWithAjax("search");'>
  <input class="keyword" id="keyword" name="keyword" placeholder="input your keywords" type="search">
  <i class="iconfont icon-icon" onclick="functionWithAjax("search");"></i>
</form>

<script type="text/javascript">
  function functionWithAjax(type) {
    // Ajax action

    return false;
  }
</script>