时间戳

首页 > 解决方案 > C# Core MVC Razor 重复字段自动填充/完成

c# - C# Core MVC Razor 重复字段自动填充/完成

问题描述

我的 C# Core 项目（使用 Razor 页面的 MVC）中有一个页面，其中包含重复类型的信息。在这种情况下，它是一个包含送货地址信息和帐单地址信息的模型。所以我的模型看起来像这样：

    [Display(Name = "Name")]
    [Required(ErrorMessage = "Required")]
    public string BillingName { get; set; }

    [Display(Name = "Address Line 1")]
    [Required(ErrorMessage = "Required")]
    public string BillingAddress1 { get; set; }

    [Display(Name = "Address Line 2")]
    public string BillingAddress2 { get; set; }

    [Display(Name = "Town")]
    [Required(ErrorMessage = "Required")]
    public string BillingTown { get; set; }

    [Display(Name = "County")]
    public string BillingCounty { get; set; }

    [Display(Name = "Postcode")]
    [Required(ErrorMessage = "Required")]
    public string BillingPostCode { get; set; }

    [Display(Name = "Name")]
    [Required(ErrorMessage = "Required")]
    public string DeliveryName { get; set; }

    [Display(Name = "Address Line 1")]
    [Required(ErrorMessage = "Required")]
    public string DeliveryAddress1 { get; set; }

    [Display(Name = "Address Line 2")]
    public string DeliveryAddress2 { get; set; }

    [Display(Name = "Town")]
    [Required(ErrorMessage = "Required")]
    public string DeliveryTown { get; set; }

    [Display(Name = "County")]
    public string DeliveryCounty { get; set; }

    [Display(Name = "Postcode")]
    [Required(ErrorMessage = "Required")]
    public string DeliveryPostCode { get; set; }

所以当我在页面上使用

<input asp-for="BillingName " class="form-control" />

它可以很好地呈现输入字段，并且它们对应的 id 和 name 将是 (在这种情况下) BillingName。

<input class="form-control" type="text" data-val="true" data-val-required="Required" id="BillingName" name="BillingName" value="">

这很好，但我需要 chrome 自动填充/自动完成来尝试BillingName用他们的名字填充它。但是因为该字段有一个 id 和 name BillingName，Chrome 对此一无所知。

有没有办法拥有id="BillingName"和name="Name"？所以我可以有另一个领域id="DeliveryName"：name="Name"

但是，当表单被回发时，我需要模型绑定仍然可以使用 ID。

请问有什么建议吗？

谢谢你。

标签： c#.netasp.net-core-mvcrazor-pages

解决方案

推荐阅读