HTML格式onsubmit =“ return false;”无法运作

Question

请查看以下代码段https://jsfiddle.net/simbunch/1kvfg7h0/3/

如您所见，脚本使用的是纯JS。事实证明，使用纯JS选择表单时onsubmit="return false"不起作用，而如果我将提交代码更改为$('#myform').submit()，则onsubmit可以工作。

我的问题是，我不能编辑脚本部分（CMS环境）。我要做的是基本上停止提交表单。预先感谢！

-edit-该问题似乎与Firefox有关。该代码段可以在Chrome浏览器中正常运行。

Answer 1

返回false是JQuery约定。在香草Javascript中不起作用。

要获得类似的效果，您需要使用事件处理程序中传递的“ e”参数，并调用其stopPropagation或preventDefault方法……但是由于在此没有参数全部都放在onsubmit属性中，我什至都不会想到从这样的属性中实现。

但是，此答案（Access event to call preventdefault from custom function originating from onclick attribute of tag）提出了一种解决方法。我还没有亲自尝试过，所以YMMV。

Answer 2

您只能在form标记的onsubmit属性中执行函数，并且返回false不会执行任何操作。您可以在此处使用event.preventDefault（）。

在下面尝试类似的操作

<form id="myform" onsubmit="function (e) { e.preventDefault(); } ">