MVC Razor外部提交表单时表单值为空问题求助

我得先梳理下你遇到的核心问题：嵌入在ViewA里的局部视图ViewB中的表单，从表单外部触发提交时，服务器端接收的ContactInfo模型值为空。结合你给出的代码片段，我整理了几个最可能的原因和对应的解决办法：

1. 表单中缺少用于提交数据的输入控件 #

从你的代码来看，你只是用Html.Raw渲染了Model.Name、Model.Address1等属性的显示值，但没有将这些值放入表单的输入控件中。表单提交时，只有带有name属性的输入元素（比如input、textarea、select）的值才会被发送到服务器，单纯的文本显示不会被提交。

解决方案： #

把需要提交的属性值添加为隐藏字段或者可见的输入控件，比如：

@model MT_Contacts.Models.ContactInfo
@using (Html.BeginForm("YourAction", "YourController", FormMethod.Post))
{
    <table>
        <tr>
            <td style="width: 35%;" colspan="2">
                @if (!string.IsNullOrEmpty(Model?.Name))
                {
                    @Html.DisplayFor(m => m.Name)
                    @Html.HiddenFor(m => m.Name) <!-- 添加隐藏字段保存值 -->
                    <br />
                }
                @if (!string.IsNullOrEmpty(Model?.Address1))
                {
                    @Html.DisplayFor(m => m.Address1)
                    @Html.HiddenFor(m => m.Address1)
                    <br />
                }
                <!-- 其他属性同理添加隐藏字段 -->
            </td>
        </tr>
        <!-- 表单其他内容 -->
    </table>
}

使用HiddenFor可以在页面上不显示输入框，但会把对应的值包含在表单提交的数据中，确保服务器能接收到。

2. 外部提交按钮没有正确关联到目标表单 #

如果你的提交按钮在ViewA（父视图）中，而表单在ViewB（局部视图）里，直接点击按钮可能没有触发表单的提交事件，导致数据没有被序列化发送。

解决方案： #

给表单设置一个id，然后让外部按钮通过JavaScript触发表单的提交：

<!-- ViewB中的表单 -->
@using (Html.BeginForm("YourAction", "YourController", FormMethod.Post, new { id = "contactForm" }))
{
    <!-- 表单内容 -->
}

<!-- ViewA中的提交按钮 -->
<button type="button" onclick="document.getElementById('contactForm').submit();">提交表单</button>

也可以用jQuery简化触发逻辑：

$('#externalSubmitBtn').click(function() {
    $('#contactForm').submit();
});

3. 局部视图模型的绑定前缀问题 #

如果ViewA的模型是一个包含ContactInfo的复杂模型（比如ParentModel里有ContactInfo Contact属性），那么局部视图渲染的输入控件name属性可能没有正确的前缀，导致服务器端模型绑定失败。

解决方案： #

渲染局部视图时指定模型前缀：

<!-- ViewA中渲染局部视图 -->
@Html.Partial("ViewB", Model.Contact, new ViewDataDictionary { TemplateInfo = new TemplateInfo { HtmlFieldPrefix = "Contact" } })

这样局部视图中的输入控件name会变成Contact.Name，服务器端的Action参数如果是ParentModel model或者[Bind(Prefix="Contact")] ContactInfo contact，就能正确绑定值了。

4. 表单提交方式或Action参数不匹配 #

确保你的表单提交方式和Action的参数接收逻辑一致：

• 如果表单用Post提交，Action上要加[HttpPost]特性
• Action的参数要和表单提交的模型类型匹配，或者使用Bind特性指定要绑定的属性：

[HttpPost]
public IActionResult YourAction([Bind(nameof(ContactInfo.Name), nameof(ContactInfo.Address1))] ContactInfo model)
{
    // 处理提交逻辑
}

你可以先检查第一个问题，这是最常见的导致值为空的原因——你的代码里确实没有提交所需的输入控件。如果还有问题，再依次排查后面的情况。

内容的提问来源于stack exchange，提问作者Niksen