希望html表单提交不执行

小编典典

希望html表单提交不执行

html

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

action=""

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

基本上，我希望每当按下按钮或有人在键入数据后单击“输入”时都调用ajax函数。是的，我可以删除表单标签并添加，只需从按钮的onclick事件中调用该函数即可，但是我也希望“命中进入”功能而不会引起任何麻烦。

阅读 267

2020-05-10

共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-05-10