c# - MVC @Html.HiddenFor 渲染没有值的 html 表单

Question

在阅读其余部分之前请注意

这个问题与POST方法无关，使用提交的表单重新显示 View 或将输入值绑定(bind)到 Controller 方法参数。它纯粹是关于使用 html 帮助器渲染 View (HiddenFor 或 Hidden - 两者返回相同的结果)。

<小时/>

我使用 HiddenFor 帮助程序创建了一个简单的隐藏字段

@Html.HiddenFor(m => m.ProductCode)

我的问题是这个隐藏字段的值呈现为空:

<input id="productCode" name="productCode" type="hidden" value/>

即使我在实例化模型时设置它，当然它也是通过调试确认的(它总是有一个值)。
所以它应该看起来像这样:

<input id="productCode" name="productCode" type="hidden" value="8888888"/>

因为我知道有一些像这样的问题(实际上所有这些问题都涉及在表单 POST 期间更改表单值)，所以我列出了我已经尝试过的事情。我的代码就在本节下面，我认为这是必不可少的。

<小时/>

到目前为止我尝试过:

• ModelState.Clear() 无处不在 - 因为我们知道 ModelState 中的值是它查找值的第一个位置。 没有效果，这是我所期望的，因为我的 ModelState 是空的(我的情况不是像许多类似问题那样在 Controller 中 POST 期间更改值)，因此它应该从我的 View 模型中获取值。<
• 不使用 HiddenFor 帮助程序，而是使用纯 html。 有效，但它只是解决方法，而不是问题的答案。
• 在 View 中使用助手复制行，如下所示:

@Html.HiddenFor(m => m.ProductCode)
@Html.HiddenFor(m => m.ProductCode)

部分有效将第一个输入生成为value/>，第二个输入生成为value="8888888"/>，这表明可能存在某些内容隐藏初始属性值。无论如何，我在 ViewData 和查询字符串中都没有发现任何内容。显然我不能接受这种方式，我想不需要解释。

• 更改属性的名称。最初它是ProductCode。我将其更改为productCode、ProdCode、ProductCodeasd 等，所有这些都有效。再次，看起来好像有东西隐藏/更新了值，但同样 - 100% 确定没有 JS 或其他任何东西在做这件事。所以仍然没有找到答案 - 再次只是解决方法。
• 显式设置 HiddenFor 的值:@Html.HiddenFor(x => x.ProductCode, new {Value = @Model.ProductCode})。 无效果，以相同方式呈现。
• 使用@Html.Hidden而不是@Html.HiddenFor。 没有效果，名称设置为ProductCode，它以相同的方式呈现。

还有一件事我觉得很有趣。在 Chrome 中使用显示页面源代码读取 html [ctrl+U] 显示该值是有效的值="8888888"/>，但在 DevTools 中它仍然是 value/>，当然提交表单会将 null 传递给 Controller 方法。

<小时/>

型号

public class Product
    {
        public string Description { get; set; }
        public int Quantity { get; set; }
        public string ProductCode { get; set; }
        public string ImageUrl { get; set; }

        public Product(string desc, string productCode, string imgUrl)
        {
            Description = desc;
            ProductCode = productCode;
            ImageUrl = imgUrl;
        }
    }

查看

@model Product

@using (Html.BeginForm("UpdateCart", "Cart"))
{
    <div class="row pad10">

        <div class="col-sm-6 text-center">
            <img src="@Model.ImageUrl" width="300" height="300" />
        </div>
        <div class="col-sm-6 text-justify">
            <p>@Model.Description</p>
            <div class="row padding-top-2">
                <div class="col-sm-6">
                    <label>@CommonResources.Quantity: </label>
                </div>
                <div class="col-sm-4">
                    @Html.TextBoxFor(m => m.Quantity, new
                    {
                        @class = "form-control",
                        @data_val_required = CommonResources.FieldRequired,
                        @data_val_number = CommonResources.ValidationNumber
                    })
                    @Html.ValidationMessageFor(model => model.Quantity, "", new { @class = "text-danger" })
                    @Html.HiddenFor(m => m.ProductCode)
                </div>
            </div>
        </div>
    </div>
    <div class="text-center col-xs-12 padTop20 padBottom20">
        <input type="submit" value="Submit" class="whtBtn pad" />
    </div>
}

Controller

View 是通过 RedirectToAction 从 Controller 返回的，如下所示:
ValidateAndProceed -> ResolveNextStep(此处发生重定向)-> ShowProduct

        public ActionResult ValidateAndProceed()
        {
            var order = Session.Current.Order;
            var lang = LangService.GetSelectedLanguage();
            var invoice = Session.Current.CurrentInvoice;
            var localCurrency = Session.Current.LocalCurrencyInfo;

            List<CheckoutValidationFieldError> errors = new List<CheckoutValidationFieldError>();

            errors = ValidationService.ValidateAddress(order);
            if (errors.Count > 0)
            {
                return RedirectToAction("InvalidAddress", "Address", new { serializedErrors = JsonConvert.SerializeObject(errors) });
            }

            return ResolveNextStep(order, invoice);
        }

        public ActionResult ResolveNextStep(IOrder order, IInvoice invoice)
        {
            if (OrderService.ShowProductView(order, invoice))
            {
                return RedirectToAction("ShowProduct");
            }
            return RedirectToAction("Summary");
        }

        public ActionResult ShowProduct()
        {
            Product model = ProductService.GetProduct(Session.Current.CurrentInvoice);
            return View("~/Views/Product.cshtml", model );
        }

最后，什么会导致这种奇怪的行为？我已经没有选择了。也许有人以前遇到过像我这样的问题，希望能得到有关此案的任何线索。

Answer 1

我调试了渲染 View 的整个过程(进入.Net源代码)，检查了每一个可能导致它失败的地方，但什么也没发现。

在 @AndyMudrak 和 @Jeremy Lakeman 发表评论后，我决定再次尝试寻找 JavaScript 对该行为负责，但比以前更深入。我发现这是一个非常愚蠢的脚本，其中元素 Id 是由三个字符串连接而成的，这是我没有预料到的，因为它的实现非常糟糕。所以最后 - JavaScript 正在这样做，并且框架等没有不良行为。

事实上，我有点失望(即使很高兴知道这个简单的答案)，因为它看起来比实际复杂得多，而且我花了几个小时才发现它有多简单:|

感谢您的评论，对于最终的简单性感到抱歉。