多个函数,返回为假但表单仍在提交

Multiple functions, return is false but form still submitting

本文关键字:表单 提交 函数 返回      更新时间:2023-09-26

创建一个表单,

我有2个功能

function myValidation() {
   valName();
   idChange();
}
input type="submit" value="submit" onclick="return myValidation();"
但是,当仍然存在错误时,

我的表单会提交,但是当我将它们分开(但不放在一起)onclick时,它们工作正常,并且在出现错误时不会提交。

您没有在myValidation函数中使用valNameidChange函数的返回值,因此它不会返回任何内容。

只需调整您的函数,使其使用它们。

function myValidation() {
    return valName() && idChange();
}

话虽如此,此处讨论的在 onclick 事件上返回 false 的方法有时会出现问题。

尝试两行。它们将在所有浏览器中工作。

event.preventDefault();
event.stopPropagation();