停止表单提交的JavaScript代码

停止表单提交的一种方法是从JavaScript函数返回false。

当单击提交按钮时，将调用验证函数。我有一个表单验证的案例。如果满足这个条件，我调用一个名为returnToPreviousPage()的函数;

function returnToPreviousPage() {
    window.history.back();
}

我正在使用JavaScript和Dojo工具包。

它不是返回到前一页，而是提交表单。我如何终止这次提交并返回到上一页?

当前回答

我建议不要使用onsubmit，而是在脚本中附加一个事件。

var submit = document.getElementById("submitButtonId");
if (submit.addEventListener) {
  submit.addEventListener("click", returnToPreviousPage);
} else {
  submit.attachEvent("onclick", returnToPreviousPage);
}

然后使用preventDefault()(或returnValue = false对于旧浏览器)。

function returnToPreviousPage (e) {
  e = e || window.event;
  // validation code

  // if invalid
  if (e.preventDefault) {
    e.preventDefault();
  } else {
    e.returnValue = false;
  }
}

2018-05-23 00:52:24

其他回答

以下是目前为止的工作(在Chrome和Firefox中测试):

<form onsubmit="event.preventDefault(); validateMyForm();">

其中validateMyForm()是一个函数，如果验证失败则返回false。关键是使用名称事件。我们不能使用例如e.c preventdefault()。

2014-05-14 05:21:16

只需使用一个简单的按钮，而不是提交按钮。并调用JavaScript函数来处理表单提交:

<input type="button" name="submit" value="submit" onclick="submit_form();"/>

函数:

function submit_form() {
    if (conditions) {
        document.forms['myform'].submit();
    }
    else {
        returnToPreviousPage();
    }
}

你也可以尝试window.history.forward(-1);

2011-12-29 06:11:22

我建议不要使用onsubmit，而是在脚本中附加一个事件。

var submit = document.getElementById("submitButtonId");
if (submit.addEventListener) {
  submit.addEventListener("click", returnToPreviousPage);
} else {
  submit.attachEvent("onclick", returnToPreviousPage);
}

然后使用preventDefault()(或returnValue = false对于旧浏览器)。

function returnToPreviousPage (e) {
  e = e || window.event;
  // validation code

  // if invalid
  if (e.preventDefault) {
    e.preventDefault();
  } else {
    e.returnValue = false;
  }
}

2018-05-23 00:52:24

做一件简单的事情有很多困难的方法:

<form name="foo" onsubmit="return false">

2017-08-03 13:12:01

禁用提交按钮也可以帮助阻止表单提交。

2021-12-28 13:04:03

停止表单提交的JavaScript代码

推荐文章

最新文章

标签