ASP.Net Core MVC 在按下特定按钮时禁用验证

Question

我的表单上有 2 个按钮，一个是提交按钮，另一个是保存按钮。我希望能够在用户单击“保存”按钮时跳过所有验证。我尝试将 class="cancel"、formnovalidate、formnovalidate="formnovalidate"、disableValidation="true" 添加到“保存”按钮，但其中 none 有效。任何帮助都会很棒！我正在使用 ASP.NET Core 3.1。

表格

<form asp-action="Request">
...
...
<input name="answer" type="submit" value="Submit" class="btn btn-primary" />
<input name="answer" type="submit" value="Save" class="btn btn-secondary" />
</form>
<partial name="_ValidationScriptsPartial" />

Answer 1

<form asp-action="Request">
...
...
<input name="answer" type="submit" value="Submit" class="btn btn-primary" />
<input name="answer" type="submit" value="Save" class="btn btn-secondary cancel" />
</form>

@section Scripts{
<partial name="_ValidationScriptsPartial" />
}

Answer 2

首先，你需要知道，如果你使用_ValidationScriptsPartial，它会生成如下的html：

生成 cshtml 来自：

<input asp-for="MyDate" class="form-control" />

至：

<input class="form-control" type="date" data-val="true"
    data-val-required="The MyDate field is required."
    id="MyDate" name="MyDate" value="">

formnovalidate和class="cancel"属性可以跳过客户端验证，但不能跳过服务器端验证。

要解决此类问题，您可以清除模型状态：

1.Model:

public class Test
{
    public int Id { get; set; }
    public string Name { get; set; }
}

2.View（将formnovalidate添加到save input）：

@model Test
<form asp-action="Request">
    <div>
        Name:<input asp-for="Name" />
        <span asp-validation-for="Name" class="text-danger"></span>
    </div>
    <div>
        Id:<input asp-for="Id" />
        <span asp-validation-for="Id" class="text-danger"></span>
    </div>
    <input name="answer" type="submit" value="Submit" class="btn btn-primary" />
    <input name="answer" type="submit" value="Save" formnovalidate class="btn btn-secondary" />
</form>
@section Scripts {
    <partial name="_ValidationScriptsPartial" />
}

3.Action:

[HttpPost]
public IActionResult Request(Test test)
{
    if (!ModelState.IsValid)
    {
         ModelState.Clear();
         return View("Index");
    }
    return View("Index");
}

4.Result:

ASP.Net Core MVC 在按下特定按钮时禁用验证

ASP.Net Core MVC Disable validation when a specific button is pressed

c#

unobtrusive-validation

asp.net-core-mvc

asp.net-core-3.1