AJAX 请求前按钮点击的客户端验证

Question

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

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

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

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

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

我该怎么做？

谢谢

Answer 1

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

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

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

在发起 http 请求之前调用上面的方法，它将确保您的表单得到验证。

Client side validation on button click before AJAX request