来自渲染操作的 MVC Razor 表单验证

Question

我是 MVC 新手，正在尝试实现我所期望的常见问题。我有一个简单的搜索表单，我想在网站的每个页面上实现它。我希望此部分维护自己的代码，这样我就不必在每个页面上重复它。

到目前为止，我已经能够通过在模板页面上调用渲染操作来做到这一点。渲染操作填充快速搜索表单。当我提交表单时，我可以验证表单，但是我还没有找到一种方法来重新显示带有验证信息的同一页面。我更喜欢一种只刷新表单区域的方法，但只要重新显示页面，我就会接受完整的回发。

模板渲染调用

@{Html.RenderAction("Display", "QuickSearch");}

动作控制器

    [HttpPost]
    public ActionResult Submit(QuickSearchModel qsModel)
    {
        if (!ModelState.IsValid)
        {
            return PartialView(qsModel);
        }

        //Perform redirect
    }

 [ChildActionOnly]
        public ActionResult Display()
        {
           //populate model
           return View(qsModel);
         }

快速搜索视图

<div>
    @using (Html.BeginForm("Submit", "QuickSearch"))
    { 
        @Html.ValidationSummary(true)
        @Html.LabelFor(m => m.Destination)@Html.EditorFor(m => m.Destination)@Html.ValidationMessageFor(m => m.Destination)<br />
        @Html.LabelFor(m => m.ArrivalDate)@Html.EditorFor(m => m.ArrivalDate)@Html.ValidationMessageFor(m => m.ArrivalDate)
        @Html.LabelFor(m => m.DepartureDate)@Html.EditorFor(m => m.DepartureDate)@Html.ValidationMessageFor(m => m.DepartureDate)<br />
        @Html.LabelFor(m => m.Adults)@Html.DropDownListFor(model => model.Adults, new SelectList(Model.AdultsSelectOptions, "value", "text", Model.Adults))<br />
        @Html.LabelFor(m => m.Children)@Html.DropDownListFor(model => model.Children, new SelectList(Model.ChildrenSelectOptions, "value", "text", Model.Children))<br />
        <input id="qsSubmit" name="qsSubmit" type="submit" value="Submit" />
    }
</div>

提前感谢您的帮助！

Answer 1

我发现您遇到以下问题：

1. 如何重定向回进行搜索的页面？
2. 如果这个原始页面是“POSTed to”（即它正在根据 POST 请求呈现某些内容）怎么办？在这种情况下我们不会
   能够以任何简单的方式“重新生成”此帖子；
3. 在我们重定向到原始页面后，如何传达我们未能做到的搜索模型（或者只是它的错误）
   证实？

考虑到所有这些挑战，我首先会认真考虑以 AJAX 风格制作这个搜索表单。如果它适合您，那将是更简单的解决方案。

如果 AJAX 不是一个选项，我会看到以下相应问题的解决方案：

1. 我会在搜索表单中使用原始页面的 URL 创建一个隐藏字段。当验证失败时，我们可以重定向到这个URL（只需检查它是否是本地URL并且没有人试图阻止某些东西）；
2. 这是一个主要问题 - 尝试重播原始 POST 并不容易，但也可能不需要 - 只需检查这是否是一个问题；
3. 您可以使用 TempData 字典将错误或模型传达回原始页面。