AJAX 表单上的流畅验证

Question

我正在 ASP.net MVC 中创建一个操作/视图，我想使用 AJAX / jQuery 进行 POST。 我正在使用 Fluent Validation 在视图模型中进行验证。

当我这样做时是否可以进行客户端验证？为了使用流畅验证触发客户端验证，脚本会是什么样子？

我是否创建一个常规表单并使用 jquery 创建一个提交事件并调用某些内容，或者只是使用 Ajax.BeginForm() 来代替？

Answer 1

我使用带有数据注释的 jQuery 不显眼验证，但看起来您需要与我相同的设置（下面的前两个选项）加上另一个步骤：

• 在您的视图或 web.config 中启用客户端验证
• 在您的视图或 web 中启用不显眼验证.config
• 将 FluentValidationModelValidatorProvider 添加到 ModelValidatorProviders 集合

对于前两个，请参阅 启用客户端验证< /a>.对于最后一个，请参阅 Fluent 验证：与 ASP.NET MVC 集成。

如果您想通过 AJAX 提交表单，您可以使用 $('#form_selector').valid() 触发整个表单的验证，或使用 $(' 触发单个输入的验证#input_selector').valid()。如果验证成功，则对 valid() 的调用将返回 true（否则返回 false）。

Answer 2

Fluent Validation 是一个服务器端验证库。因此，Fluent Validation 支持一些基本的客户端验证（如 required、maxlength 等）。您不能在客户端使用所有服务器端规则。

如果您想向 Fluent Validation 添加完整的客户端支持，则需要在项目中再添加一个库。 表单助手可以解决您的问题。

https://github.com/sinanbozkus/FormHelper

您需要像这样创建表单：

var formConfig = new FormConfig(ViewContext)
{
    FormId = "ProductForm",
    FormTitle = "New Product",
    BeforeSubmit = "ProductFormBeforeSubmit", // optional
    Callback = "ProductFormCallback" // optional,
};

// <form id="@formConfig.FormId" asp-controller="Home" asp-action="Save"
// ...

@await Html.RenderFormScript(formConfig)

之后您需要将 [FormValidator] 属性添加到您的操作中。

[HttpPost, FormValidator]
public IActionResult Save(FormViewModel viewModel)

现在，所有 Fluent Validation 规则都可以在客户端运行。