复合视图模型对象导致远程验证失败答案

【问题标题】：Compound View Model object causing remote validation failure复合视图模型对象导致远程验证失败
【发布时间】：2011-02-12 21:04:32
【问题描述】：

我在这个项目中的一些表单中使用了复合视图模型的模式。效果很好。

在这种情况下，我有一个 VendorAddress 视图模型。我在这个项目的几个地方使用了 Address(es)，所以我制作了可以重用的 Address 视图模型对象。然后我决定要对州代码和邮政编码进行非常彻底的检查，因此，我决定尝试使用远程验证并根据数据库中存储的一组表检查州和邮政编码。

问题是我没有将值返回给我要求的字段（在本例中为 State 和 PostalCode）的远程操作方法。我相信这是因为 MVC 框架对输入的 id(s) 的复合类型或子类型进行了名称修改，在这种情况下，它会生成像“Address_Line1”、“Address_State”和“Address_PostalCode”这样的名称。

最终我的问题是，有没有办法从基本视图模型对象中关闭预先挂起的“地址_”，以便 MVC 框架可以在表单发布后将其放入对象中？

    public class AddressViewModel
{
    [ScaffoldColumn(false)]
    public int AddressId { get; set; }
    [Required(ErrorMessage = "Please enter the first address line")]
    public string Line1 { get; set; }
    public string Line2 { get; set; }
    public string Line3 { get; set; }
    [Required(ErrorMessage = "Please enter a city name")]
    public string City { get; set; }
    [Required(ErrorMessage = "Please enter a state 2 letter code")]
    [StringLength(2)]
    [Remote("CheckState", "Validation", AdditionalFields = "PostalCode")]
    public string State { get; set; }
    [Required(ErrorMessage = "Please enter a postal code")]
    [Remote("CheckZip", "Validation", AdditionalFields = "State")]
    [Display(Name = "Zip / Postal Code")]
    public string PostalCode { get; set; }
    public string Country { get; set; }
}

public class VendorContactViewModel
{
    public int VedorContactId { get; set; }
    public int ContactVendorId { get; set; }
    public int ContactId { get; set; }
    [Required]
    [Display(Name = "Contact Type")]
    public byte ContactTypeId { get; set; }
    public string ContactType { get; set; }
    [Required]
    [Display(Name = "Contact Info")]
    public string ContactInfo { get; set; }
    [Display(Name = "Contact Label")]
    public string ContactLabel { get; set; }
    public IEnumerable<SelectListItem> ContactTypes { get; set; }
}

然后在渲染后的表单中是这样的：

    <input type="text" value="" size="2" name="Address.State" maxlength="2" id="Address_State" 
  data-val-required="Please enter a state 2 letter code" data-val-remote-url="/Validation/CheckState" 
  data-val-remote-additionalfields="*.State,*.PostalCode" data-val-remote="&amp;#39;State&amp;#39; is invalid." 
  data-val-length-max="2" data-val-length="The field State must be a string with a maximum length of 2." 
  data-val="true" class="input-validation-error">

我收到了远程调用，但参数“State”和“PostalCode”中没有任何内容，因此启动了不显眼的例程，但我认为即使我在被提及的领域。正如您在呈现的代码中看到的 id="Address_State" 和 data-val-remote-additionalfields=".State,.PostalCode"

感谢您的时间和精力，

欧文

【问题讨论】：

标签： validation asp.net-mvc-3

【解决方案1】：

尝试指定前缀以帮助模型绑定器将Address.PostalCode 和Address.State 请求值正确绑定到它们对应的操作参数：

public ActionResult CheckState(
    [Bind(Prefix = "Address.State")]string State, 
    [Bind(Prefix = "Address.PostalCode")]string PostalCode
)
{
    ...
}

【讨论】：

谢谢达林，我已经想通了，但这基本上是正确的答案。尽管您确实也需要绑定属性，例如 [Bind(Prefix = "Address.State")]string State.....
谢谢达林.. 你太棒了.. :)

【解决方案2】：

我遇到了这个问题，但需要在具有不同前缀的多个视图中使用相同的 ViewModel。我最终编写了修改 jQuery 远程验证规则的 javascript，因此它们不包含任何前缀：

$('[data-val-remote]').each(function () {
    // overwrite the remote rule data so that it sends non-prefixed property name to the server
    var remoteRule = $(this).rules().remote;
    var newData = {};
    var keys = Object.keys(remoteRule.data);
    for (var i = 0; i < keys.length; i++) {
        var nonPrefixedPropertyName = $(keys[i].split('.')).last()[0];
        newData[nonPrefixedPropertyName] = remoteRule.data[keys[i]];
    }
    remoteRule.data = newData;
});

【讨论】：