ASP.Net Core MVC 客户端验证：属性不显示

Question

我已经构建了一个简单的 .net Core MVC 应用程序。 我有一个返回带有 model 的 ViewResult 的操作：

public class Model {
    public string A { get; set; }
    public Model2 Model2 { get; set; }
}

public class Model2 {
    public string B { get; set; }
}

并使用 AbstractValidator：

services.AddTransient<IValidator<Model>, ModelValidator>();

public class ModelValidator : AbstractValidator<Model>
{
    public ModelValidator()
    {
        RuleFor(x => x.Model2.B)
       .NotEmpty().WithMessage("Required");

        RuleFor(x => x.A)
       .NotEmpty().WithMessage("Required");
    }
}

我还包括 jquery、jquery.validate 和 jquery.validate.unobtrusive 以及正确的顺序。

我的问题：当我在 HTML 中添加输入标签时，不会为子 class 生成 data-val 属性。

@*Has data-val attributes*@
<div>
    <label asp-for="A"></label>
    <input asp-for="A" class="form-control" />
    <span asp-validation-for="A" class="validation-error"></span>
</div>

@*Has no data-val attributes*@
<div>
    <label asp-for="Model2.B"></label>
    <input asp-for="Model2.B" class="form-control" />
    <span asp-validation-for="Model2.B" class="validation-error"></span>
</div>

我忘记了什么？

Answer 1

您可以在表单上尝试不显眼的验证，这将验证您的嵌套 object 属性（Model2.B）。 有关非公开验证的更多信息，请参阅此 GitHub 问题。 因此，以下是您应该实现的代码。

添加一个 javascript function ，在您的表单上实现不显眼的验证：

 function submitForm(form) {
    $.validator.unobtrusive.parse(form);

    //form validation is evaluated here
    if ($(form).valid()) {
        //here your own code...
    }
    else {
        //here your own code...
    }
    return false;
}

在您的 html 表格中调用上述 function。

    <form onsubmit="return submitForm(this)">
        //this part is for your own sake

        //button type should be submit 
            <div class="form-group">
                <button type="submit" class="btn btn-success form-control text-white">Submit</button>
            </div>
    </form>

Answer 2

FluentValidation 不支持正确嵌套的 class 客户端验证。 使用 ViewModel 验证属性而不是它。