asp.net-mvc - 在 AJAX 请求之前单击按钮的客户端验证

Question

我正在使用 MVC 4，我希望能够从表中的行集合中验证单行，以确保正确输入字段并通过验证。

属性正确应用于模型，例如:

[Required]
[MaxLength(50)]
[MinLength(5)]
public string Name {get; set;}

现在，在客户端 - 如何在调用 AJAX 方法之前启用客户端验证？

为了增加更多的复杂性 - 我有一个按钮，您可以在其中动态地向表中添加一行，填写字段，最后点击更新按钮，这将通过 ajax 执行 POST。但在这篇文章之前，我想在客户端验证该特定行。

我怎样才能做到这一点？

谢谢你

Answer 1

只要您在 View 中实现验证助手，这实际上非常简单。

var form = $('#form');
$.validator.unobtrusive.parse(form);
form.validate();

if (form.valid()) {
    .... ajax stuff
}

在启动 http 请求之前调用上面的代码，它将确保您的表单得到验证。