小编典典

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

ajax

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

action=""

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

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


阅读 280

收藏
2020-07-26

共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>
2020-07-26