在 .NET MVC2 中使用 Knockoutjs 和服务器端验证

Question

我正在使用MVC2。

使用剔除时服务器端表单验证的推荐方法是什么？

目前，我的大多数表单都在部分视图中，其中具有带有验证属性的 C# ViewModel。像这样的事情：

public class SomeThingViewModel
{
    [Required]
    public string Name { get; set; }

    [Required]
    public int Number{ get; set; }
}

因此，当表单提交到服务器时，我会收到所有模型错误，并且可以返回带有错误的表单，这些错误显示为： <%: Html.ValidationMessageFor(m => ; m.Name)%>.然后将其重新加载到主页上保存表单的元素中，以便用户可以看到错误。这将消除我所假设的淘汰赛形式的任何绑定。

我不太确定如何使用淘汰赛来解决这个问题。

Answer 1

这可能很棘手，但如果做得好，效果会轻而易举。

首先，同步您的视图模型。淘汰赛中客户端的内容将准确地传递到服务器。其次，不要在服务器端 HTML 中进行剔除。创建在服务器端设置并在客户端读取的字段，以指示 ViewModel 中每个数据字段的有效性。

因此，如果您的 Model 有一个字段 Name，那么您的 ViewModel 就有 Name 和 Name_ValidationResult，后者是一个枚举，指示 Name 字段是否为有效以及为什么无效。如果服务器端验证失败，请设置验证结果字段，并将整个服务器端 ViewModel 传递回客户端，以便在请求完成后重新设置为客户端 ViewModel。基本上，您需要重新创建 ASP.NET 的 ViewState 部分，但是采用可与 Knockout.js 配合使用的格式。

在客户端，您会看到仅根据 ValidationResult 的值显示的错误消息 字段。因此，您可能会看到一条预设的错误消息，指出“必须设置名称字段”，仅当 Name_ValidationResult 的值为“空”（例如）时才会显示该错误消息。

基本上，您实际上使用了 MVVM 模式，并进行了一些细微的调整，以解决必须往返服务器的问题。

因此，您建议我在 C# ViewModel 中为每个属性添加 ValidationResult 字段。然后，当我检查模型的有效性时，在控制器中设置 ValidationResult 属性。然后将视图模型作为 JSON 传回？这样我就可以更新我的淘汰视图模型。这将需要我在某种程度上手动验证，对吧？或者我可以利用最终会出现的 ModelState 错误吗？ – 布兰卡龙

对于你所有的问题，底线都是肯定的。

事实上，我错过了您使用 DataAnnotations 进行验证的事实，否则我会提到它。您应该能够利用 ModelState 错误来设置您传递回剔除页面的验证结果。

问题在于，您正在使用两种根本不兼容的技术，并希望它们能够很好地协同工作，但我认为这不会按照您希望的方式进行。必须付出一些代价，我建议最好的办法是服务器端。喝下绝妙的清凉饮料并修复服务器端的问题。