数组的 ASP.NET Core 3 MVC 自定义客户端验证

Question

我有点奇怪。我需要对字符串数组执行客户端验证，但我不知道如何。服务器端验证工作得很好，但每个人 <input> 没有我设置的 data-val。有谁知道如何解决这个问题？

型号

[RequiredIf]
public string[] PaperQuantity {get;set;}

查看

<input asp-for="PaperQuantity[count]">

自定义验证

public class RequiredIfAttribute : ValidationAttribute, IClientModelValidator
{
  protected override ValidationResult IsValid(object value, ValidationContext validationContext)
  {
    // Validation method here
  }
  public void AddValidation(ClientModelValidationContext context)
  {
    MergeAttribute(context.Attributes, "data-val", "true");
    MergeAttribute(context.Attributes, "data-val-requiredif", ErrorMessage);
  }
}

JavaScript

$.validator.addMethod("requiredif", function () {
  // Validation method here
});
$.validator.unobtrusive.adapters.addBool("requiredif");

Answer 1

我建议您对这些情况使用远程验证。您可以使用来自 DbContext 的可选数据来验证您想要的任何内容，它自动暗示使用 jQuery Unobtrusive 进行客户端验证。

示例

使用 [Remote] 属性注释属性

[Remote(action: "VerifyPaper", controller: "MyControler")]
public string PaperQuantity {get; set;}

由于 jQuery 期望 JSON 响应，例如，您的控制器中的 Verify paper 方法应该是这样的：

[AcceptVerbs("GET", "POST")]
public IActionResult VerifyPaper(string paperQuantity)
{
    if (string.Empty(paperQuantity))
    {
        // Your error message
        return Json("Paper quantity can't be empty.");
    }
    // If everything is okay return true
    return Json(true);
}

你的观点应该是这样的：

<label asp-for="PaperQuantity">Paper quantity</label>
<input asp-for="PaperQuantity"/>
<span asp-validation-for="PaperQuantity"></span> 

您可以阅读有关远程验证的更多信息here。