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

时间:2011-02-12 21:04:32

标签: validation asp.net-mvc-3

我已经为这个项目中的一些表单使用了复合视图模型的模式。它运作得很好。

在这种情况下,我有一个VendorAddress视图模型。我在这个项目的几个地方使用Address(es),所以我制作了一个可以重复使用的Address视图模型对象。然后我决定要对状态代码和拉链进行非常详尽的检查,所以我决定使用远程验证并检查状态和邮政编码,以便在数据库中存储一组表。

问题是我没有将值返回到我要求的字段的远程操作方法(在本例中为State和PostalCode)。我相信这是因为MVC框架对于输入的id(s)的复合或子类型的名称,在这种情况下,它会使名称像'Address_Line1'和'Address_State'以及'Address_PostalCode'。

最终我的问题是,是否有一种方法可以从基础视图模型对象中关闭预先设置的'Address_',以便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”

感谢您的时间和精力,

欧文

2 个答案:

答案 0 :(得分:11)

尝试指定前缀以帮助模型绑定器正确地将Address.PostalCodeAddress.State请求值绑定到相应的操作参数:

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

答案 1 :(得分:0)

我遇到了这个问题,但需要在具有不同前缀的多个视图中使用相同的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;
});