想让 HTML 表单提交什么都不做

IT技术 javascript html ajax forms submit
2021-02-08 16:47:38

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

action=""

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

基本上,我希望每当按下按钮或有人Enter在键入数据后点击时调用 Ajax 函数是的,我可以删除表单标记并添加仅从按钮的 onclick 事件中调用该函数,但我也希望“点击输入”功能不会变得很黑。

6个回答

通过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>
缺少function关键字:function myFunction() { }
2021-04-04 16:47:38
需要 myFunction() 吗?换句话说,不能简单地做 <form onsubmit="return false;"> 吗?
2021-04-07 16:47:38
<form id="my_form" onsubmit="return false;">

足够 ...

我认为它不会在 POST FIELD 上工作,专门使用 JS 提交表单;你能给我们一个jsfiddle演示吗?
2021-03-22 16:47:38

它也有效:

<form id='my_form' action="javascript:myFunction(); return false;">
虽然这并没有做任何事情,但它说的是控制台Uncaught SyntaxError: Illegal return statement
2021-03-22 16:47:38

怎么样

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

您可以使用以下 HTML

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