HttpPost后填充字段创建 - 对象为空使用输入

Question

我正在学习ASP.NET MVC 5.我创建了一个视图“创建”。但我没有使用Razor来生成输入字段，我使用纯html输入。

Create.cshtml

@model MyProject.Product 

<h2>Create Product</h2> 

<form method="post"> 

    Description: <br /> 
    <input type="text" name="Description" id="Description"/> <br /> 
    ValueType: <br /> 
    <input type="text" name="ValueType" id="ValueType"/> 
    <br /> 
    <input type="submit" name="btSend"/> 

</form> 

我的控制器：

public ActionResult Create() 
     {    
      return View(); 
     } 

     [HttpPost] 
     public ActionResult Create(Product product) 
     { 
      if (ModelState.IsValid) 
      {     
       db.Product.Add(product);     
       db.SaveChanges();     
       return RedirectToAction("Index"); 

      } 
      else 
      { 
       return View(product); 
      } 

    It works fine. I can create new products. 

但我需要使用一些服务器端验证与模型注解。 因此，我想发送数据，如果模型无效，请返回使用值创建。我知道如何把验证信息。所以，我试过这个：

@model MyProject.Product 

<h2>Create Product</h2> 

<form method="post"> 

    Description: <br /> 
    <input type="text" name="Description" id="Description" value="@Model.Description"/> <br /> 
    ValueType: <br /> 
    <input type="text" name="ValueType" id="ValueType" value="@Model.ValueType"/> 
    <br /> 
    <input type="submit" name="btSend"/> 

</form> 

如何将纯输入与html绑定到模型？

为什么为空值？

非常感谢。

Answer 1

如果您不想使用razor based form approach，则可以使用显示验证消息和Viewbag/ViewData。

[HttpPost] 
    public ActionResult Create(Product product) 
    { 
     if (!ModelState.IsValid) 
     { 
      //if you want to get validation message from ModelState itself, you can query from Modelstate : 
      string message = string.Join(" , ", ModelState.Values 
           .SelectMany(v => v.Errors) 
           .Select(e => e.ErrorMessage)); 
      ViewData["ValidationMessage"] = "Validation Message";// you can use above variable message here 
      return View(product); 
     } 
    // your other implementation 
    } 

你的观点应该是这样的：

@model MyProject.Product 

<h2>Create Product</h2> 

<form method="post"> 
    <div class="error-message">@ViewData["ValidationMessage"]</div> 
    Description: <br /> 
    <input type="text" name="Description" id="Description" value="@Model.Description"/> <br /> 
    ValueType: <br /> 
    <input type="text" name="ValueType" id="ValueType" value="@Model.ValueType"/> 
    <br /> 
    <input type="submit" name="btSend"/> 

</form> 

不过，我会建议使用razor based form approach如果你允许这样做。

Answer 2

我想你可能会误解剃须刀视图引擎。页面2.0和3.0（剃须刀）没有任何数据绑定。它用html helpers模拟它，但这不是本地razor数据绑定。看看助手背后的代码（https://aspnetwebstack.codeplex.com/SourceControl/latest#src/System.Web.Mvc/Html/DefaultEditorTemplates.cs），你会发现他们只是在执行你所期望的工作。