javascript - 带有表单标签的 ASP.NET Core - 验证表单 onsubmit 并阻止提交

Question

我有一个 ASP.NET Core 2.0 项目，我在其中使用表单标签进行提交。现在我想在表单提交中添加一些客户端验证。因此，我在表单上使用 onsubmit 标记，如下所示:

<form id="formId" asp-action="ActionName" onsubmit="validationFunction(Event)">

我有一个这样的函数:

function validationFunction(e) {
    //CheckStuff
    e.preventDefault();
}

现在，当我提交表单时，该函数会正确触发，但 e.preventDefault() 不会停止提交。也不返回 false。

如何阻止我的提交完成？

PS。我知道我可以通过单击按钮来处理这种情况，并在完成验证后提交表单，但我想知道为什么上述方法在 ASP.NET Core 中不起作用或者我缺少什么？

Answer 1

应返回 onsubmit 属性并返回 false 以阻止提交。

<form id="formId" asp-action="ActionName" onsubmit="return validationFunction(Event)">