ASP.NET 视图中的表单字段在控制器中显示为 NULL

Question

即使声明了 asp-controller 和 asp-action，表单字段也不会返回表单的值。 表单确实转到正确的控制器函数并返回正确的视图，但是，它确实表单对象为 NULL。

@using ActionAugerMVC.Models
@model Tuple<IEnumerable<Cities>,Content,IEnumerable<Content>,Quote>
@addTagHelper "*,Microsoft.AspNetCore.Mvc.TagHelpers"

 <div class="sidebar__item">
    <p class="subheading">Instant Quote Request</p>
       <form class="register__form" role="form" asp-controller="Plumbing" asp-action="QuoteForm" method="post">
             <div class="text-danger" asp-validation-summary="All"></div>
             <div class="form-group">

               <label class="sr-only">Full Name </label>
               <input asp-for="@Model.Item4.FullName" type="text" class="form-control" placeholder="Full name">
               </div>
               <div class="form-group">
                 <label class="sr-only">Your phone</label>
                 <input asp-for="@Model.Item4.Phone" type="tel" class="form-control" placeholder="Your phone">
                 <span asp-validation-for="@Model.Item4.Phone" class="text-danger"></span>
               </div>
               <div class="form-group">
                 <label class="sr-only">E-mail</label>
                 <input asp-for="@Model.Item4.Email" type="email" class="form-control" placeholder="E-mail">
                 <span asp-validation-for="@Model.Item4.Email" class="text-danger"></span>
               </div>
               <div class="form-group">
                 <label class="sr-only">Your Message</label>
                 <input asp-for="@Model.Item4.Message" type="text" class="form-control" placeholder="Your Message">
               </div>
                <input type="submit" value="Get a Quote Now" class="btn btn-accent btn-block">
         </form>
   </div> <!-- .sidebar__item -->

控制器看起来像这样，引用对象为空。 硬编码的值在视图中正确显示，但表单返回的 Quote 对象为空。

    [HttpPost]
    public IActionResult QuoteForm(Quote quote)
    {
        if (ModelState.IsValid)
        {
           /* quote.FullName = "Umar Aftab";
            quote.Email = "test@email.com";
            quote.City = "Calgary";
            quote.Message = "Test Message";
            quote.Phone = "6474543769";
            */

        }
        return View(quote);
    }

Answer 1

您视图上的模型与您尝试将其绑定到控制器中的模型不同。 你不会让键/值对匹配

以Quote为模型将您的剃须刀置于局部视图中，然后尝试一下。

_QuoteForm.cshtml

@model Quote

<div class="form-group">
    <label class="sr-only">Full Name </label>
    <input asp-for="FullName" type="text" class="form-control" placeholder="Full name">
</div>
<div class="form-group">
    <label class="sr-only">Your phone</label>
    <input asp-for="Phone" type="tel" class="form-control" placeholder="Your phone">
    <span asp-validation-for="Phone" class="text-danger"></span>
</div>
<div class="form-group">
    <label class="sr-only">E-mail</label>
    <input asp-for="Email" type="email" class="form-control" placeholder="E-mail">
    <span asp-validation-for="Email" class="text-danger"></span>
</div>
<div class="form-group">
    <label class="sr-only">Your Message</label>
    <input asp-for="Message" type="text" class="form-control" placeholder="Your Message">
</div>

原始视图.cshtml

using ActionAugerMVC.Models
@model Tuple<IEnumerable<Cities>,Content,IEnumerable<Content>,Quote>
@addTagHelper "*,Microsoft.AspNetCore.Mvc.TagHelpers"

<div class="sidebar__item">
    <p class="subheading">Instant Quote Request</p>
    <form class="register__form" role="form" asp-controller="Plumbing" asp-action="QuoteForm" method="post">
         <div class="text-danger" asp-validation-summary="All"></div>

         @Html.Partial("_QuoteForm", Model.Item4)

         <input type="submit" value="Get a Quote Now" class="btn btn-accent btn-block">
    </form>
</div> <!-- .sidebar__item -->

Answer 2

问题是您使用元组作为视图模型与asp-for结合使用。 例如，像这样：

<input asp-for="@Model.Item4.FullName" type="text" class="form-control" placeholder="Full name">

输入的名称将以Item4.FullName结束。 但是，您的操作只接受Quote ，这意味着模型绑定器需要将输入命名为FullName才能正确绑定它。 您要么需要接受视图使用的相同模型（尽管我从未尝试过发布Tuple因此不确定这是否有效），或者您可以使用局部视图来解决该问题。

本质上，您只需要将与Quote相关的所有字段移动到部分视图。 然后，在此视图中，您可以通过以下方式包含它们：

@Html.Partial("_QuoteFields", Model.Item4)

这应该足以让 Razor 出足够的名字来命名像FullName这样的字段而不是Item4.FullName 。 如果不是，那么您可能需要通过以下方式重置HtmlFieldPrefix ：

@Html.Partial("_QuoteFields, Model.Item4, new ViewDataDictionary(ViewData) { TemplateInfo = new TemplateInfo {  HtmlFieldPrefix = "" } })