带有表单标签的 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()不会停止提交。也没有return false。

如何阻止我的提交完成？

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

Answer 1

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

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