ASP.NET 核心 MVC 验证不需要的字段
ASP.NET Core MVC validate not required fields
我的页面正在验证提交时不需要的字段,即使没有为该字段配置验证。
Create.cshtml
@model Lawtech.App.ViewModels.ProcessoViewModel
@{
ViewData["Title"] = "Novo processo";
}
<h3 style="padding-top: 10px">@ViewData["Title"] </h3>
<hr />
<div class="row">
<div class="col-md-12">
<form asp-action="Create">
<div asp-validation-summary="ModelOnly" class="text-danger"></div>
<div class="row">
<div class="form-group col-md-4">
<label asp-for="Numero" class="control-label"></label>
<input asp-for="Numero" class="form-control" />
<span asp-validation-for="Numero" class="text-danger"></span>
</div>
<div class="form-group col-sm-4">
<label asp-for="IdArea" class="control-label"></label>
<div class="input-group">
<select id="slcArea" asp-for="IdArea" class="form-control select2"></select>
<div class="input-group-btn">
<a asp-action="CreateArea" class="btn btn-info" style="border-radius:0 0.25rem 0.25rem 0" data-modal="">
<span class="fa fa-plus"></span>
</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="form-group col-md-6 mt-4">
<input type="submit" value="Cadastrar" class="btn btn-sm btn-primary" />
<a class="btn btn-sm btn-info" asp-action="Index">Voltar</a>
</div>
</div>
</form>
</div>
</div>
<div id="myModal" class="modal fade in">
<div class="modal-dialog">
<div class="modal-content">
<div id="myModalContent"></div>
</div>
</div>
</div>
ViewModel
public class ProcessoViewModel
{
[Key]
public int Id { get; set; }
[DisplayName("Número")]
[Required(ErrorMessage = "O campo número é obrigatório")]
public string Numero { get; set; }
[DisplayName("Área")]
public int IdArea { get; set; }
}
控制器
在 Controller Create 方法中,没有任何反应,因为所有验证都发生在客户端。
[Route("novo-processo")]
[HttpPost]
[ValidateAntiForgeryToken]
public async Task<IActionResult> Create(ProcessoViewModel processoViewModel)
{
try
{
if (!ModelState.IsValid) return View(processoViewModel);
await _processoBLL.Insert(_mapper.Map<ProcessoDTO>(processoViewModel));
if (!ValidOperation()) return View(processoViewModel);
return RedirectToAction(nameof(Index));
}
catch
{
return View();
}
}
在 Chrome 中检查我看到这个生成的 html 用于我不需要验证的字段,我不知道它是否与 Jquery.Unobtrusive 相关但是我也不能删除它,因为其他字段将被验证。
<select id="slcArea" class="form-control select2 select2-hidden-accessible input-validation-error" data-val="true" data-val-required="The Área field is required." name="IdArea" data-select2-id="slcArea" tabindex="-1" aria-hidden="true" aria-describedby="slcArea-error" aria-invalid="true"></select>
为什么在我没有按要求定义字段的情况下进行此验证?
不可为空的属性(即具有值类型的属性)始终是必需的。如果不需要,请为属性使用可空类型(引用类型)——例如。 int?.
您可以随时对任何 input
不想验证的对象使用 formnovalidate
。
<input asp-for="Numero" formnovalidate="formnovalidate" class="form-control" />
这样就不需要更改您的 model
。这在 W3Schools
处得到证明
我的页面正在验证提交时不需要的字段,即使没有为该字段配置验证。
Create.cshtml
@model Lawtech.App.ViewModels.ProcessoViewModel
@{
ViewData["Title"] = "Novo processo";
}
<h3 style="padding-top: 10px">@ViewData["Title"] </h3>
<hr />
<div class="row">
<div class="col-md-12">
<form asp-action="Create">
<div asp-validation-summary="ModelOnly" class="text-danger"></div>
<div class="row">
<div class="form-group col-md-4">
<label asp-for="Numero" class="control-label"></label>
<input asp-for="Numero" class="form-control" />
<span asp-validation-for="Numero" class="text-danger"></span>
</div>
<div class="form-group col-sm-4">
<label asp-for="IdArea" class="control-label"></label>
<div class="input-group">
<select id="slcArea" asp-for="IdArea" class="form-control select2"></select>
<div class="input-group-btn">
<a asp-action="CreateArea" class="btn btn-info" style="border-radius:0 0.25rem 0.25rem 0" data-modal="">
<span class="fa fa-plus"></span>
</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="form-group col-md-6 mt-4">
<input type="submit" value="Cadastrar" class="btn btn-sm btn-primary" />
<a class="btn btn-sm btn-info" asp-action="Index">Voltar</a>
</div>
</div>
</form>
</div>
</div>
<div id="myModal" class="modal fade in">
<div class="modal-dialog">
<div class="modal-content">
<div id="myModalContent"></div>
</div>
</div>
</div>
ViewModel
public class ProcessoViewModel
{
[Key]
public int Id { get; set; }
[DisplayName("Número")]
[Required(ErrorMessage = "O campo número é obrigatório")]
public string Numero { get; set; }
[DisplayName("Área")]
public int IdArea { get; set; }
}
控制器
在 Controller Create 方法中,没有任何反应,因为所有验证都发生在客户端。
[Route("novo-processo")]
[HttpPost]
[ValidateAntiForgeryToken]
public async Task<IActionResult> Create(ProcessoViewModel processoViewModel)
{
try
{
if (!ModelState.IsValid) return View(processoViewModel);
await _processoBLL.Insert(_mapper.Map<ProcessoDTO>(processoViewModel));
if (!ValidOperation()) return View(processoViewModel);
return RedirectToAction(nameof(Index));
}
catch
{
return View();
}
}
在 Chrome 中检查我看到这个生成的 html 用于我不需要验证的字段,我不知道它是否与 Jquery.Unobtrusive 相关但是我也不能删除它,因为其他字段将被验证。
<select id="slcArea" class="form-control select2 select2-hidden-accessible input-validation-error" data-val="true" data-val-required="The Área field is required." name="IdArea" data-select2-id="slcArea" tabindex="-1" aria-hidden="true" aria-describedby="slcArea-error" aria-invalid="true"></select>
为什么在我没有按要求定义字段的情况下进行此验证?
不可为空的属性(即具有值类型的属性)始终是必需的。如果不需要,请为属性使用可空类型(引用类型)——例如。 int?.
您可以随时对任何 input
不想验证的对象使用 formnovalidate
。
<input asp-for="Numero" formnovalidate="formnovalidate" class="form-control" />
这样就不需要更改您的 model
。这在 W3Schools