asp.net-core - 通过 AJAX 发送表单并通过 fluentValidation 进行验证

这是一个工作演示，您可以参考：

FluentValidation.AspNetCore通过安装适当的 NuGet 包来添加对程序集的引用：
```
Install-Package FluentValidation.AspNetCore
```

AddFluentValidation通过在方法内调用扩展方法在应用程序的 Startup 类中配置 FluentValidation ConfigureServices，并使用该AddFromAssemblyContaining方法自动注册特定程序集中的所有验证器

services.AddMvc()
            .AddFluentValidation(fv => {
                fv.RegisterValidatorsFromAssemblyContaining<PersonValidator>();

                //If you want to disable this behaviour so that FluentValidation is the only validation library that executes,
                //you can set the RunDefaultMvcValidationAfterFluentValidationExecutes to false in your application startup routine
                fv.RunDefaultMvcValidationAfterFluentValidationExecutes = false;
            })
            .SetCompatibilityVersion(CompatibilityVersion.Version_2_2);

假设PersonValidator定义为验证一个名为Person

public class Person
{
   public int Id { get; set; }
   public string Name { get; set; }
   public string Email { get; set; }
   public int Age { get; set; }
}

public class PersonValidator : AbstractValidator<Person>
{
   public PersonValidator()
  {
    RuleFor(x => x.Id).NotNull();
    RuleFor(x => x.Name).Length(0, 10);
    RuleFor(x => x.Email).EmailAddress();
    RuleFor(x => x.Age).InclusiveBetween(18, 60);
  }
}

控制器

[HttpPost]
public async Task<IActionResult> CreatPerson(Person person)
{
    if (!ModelState.IsValid)
    { // re-render the view when validation failed.
        return BadRequest();
    }

    //Save the person to the database, or some other logic

    _context.Add(person);
    await _context.SaveChangesAsync();
    var message = "Person successfully created";
    return Ok(message);
}

查看和相关的jQuery

@model TestExample.Models.Person
<hr />
<div class="row">
   <div class="col-md-4">
      <form  id="formdata">
           <div asp-validation-summary="ModelOnly" class="text-danger"></div>
           <div class="form-group">
              <label asp-for="Name" class="control-label"></label>
              <input asp-for="Name" class="form-control" />
              <span asp-validation-for="Name" class="text-danger"></span>
           </div>
           <div class="form-group">
              <label asp-for="Email" class="control-label"></label>
              <input asp-for="Email" class="form-control" />
              <span asp-validation-for="Email" class="text-danger"></span>
           </div>
           <div class="form-group">
              <label asp-for="Age" class="control-label"></label>
              <input asp-for="Age" class="form-control" />
              <span asp-validation-for="Age" class="text-danger"></span>
           </div>
           <div class="form-group">
              <input type="submit" value="Create" class="btn btn-primary" />
           </div>
     </form>
 </div>

@section Scripts {
   @{await Html.RenderPartialAsync("_ValidationScriptsPartial");}

   <script>
        $("#formdata").submit(function (e) {
           e.preventDefault();
           var form = $(this);
           $.ajax(
           {
              type: "post",
              url: "/people/CreatPerson",
              data: form.serialize(),
              success: function (data) { alert(data); },
              error: function (data) { alert(data); }
            });
        });
   </script>
}

有关 FluentValidation 的更多详细信息，您可以参考https://fluentvalidation.net/aspnet

asp.net-core - 通过 AJAX 发送表单并通过 fluentValidation 进行验证

问题描述

解决方案

推荐阅读