ASP.NET MVC：如何验证 ViewModel 中包装的模型？

Question

对于我网站的登录页面，我想列出我网站的最新新闻，并显示一些字段以供用户登录。所以我想我应该制作一个登录视图模型 - 我称之为 LoginVM< /代码>。

LoginVM 包含用于登录字段的 Login 模型和用于新闻列表的 List。

这是 Login 模型：

public class Login
{

    [Required(ErrorMessage="Enter a username.")]
    [DisplayName("Username")]
    public string Username { get; set; }

    [Required(ErrorMessage="Enter a password.")]
    [DataType(DataType.Password)]
    [DisplayName("Password")]
    public string Password { get; set; }

}

这是 LoginVM 视图模型：

public class LoginVM
{
    public Login login { get; set; }
    public List<NewsItem> newsItems { get; set; }
}

这就是我陷入困境的地方。在我的登录控制器中，我传递了一个 LoginVM。

[HttpPost]
public ActionResult Login(LoginVM model, FormCollection form)
{
    if (ModelState.IsValid)
    {
        // What?

在代码中，我检查 ModelState 是否有效，如果视图模型实际上是 Login 模型，但现在是 LoginVM ，那么这会正常工作> 根本没有验证属性。

如何让 LoginVM “遍历”其成员以验证所有成员？我以这种方式使用 ModelState 是否做了根本错误的事情？

Answer 1

在你的 ViewModel 中尝试这样做：

public class LoginVM
{
    [Required]
    public Login login { get; set; }
    public List<NewsItem> newsItems { get; set; }
}

Answer 2

或者，如果 newsItems 用于显示目的，并且不需要验证，那么您可以仅将 Login 模型传递到您的操作方法。

[HttpPost]
public ActionResult Login([Bind(Prefix = "Login")]Login model)
{
    if (!Model.IsValid)
}

您还需要在视图中使用 EditFor 和 LabelFor 帮助器。

<%= Html.TextBoxFor(m => m.Login.Username) %>

Answer 3

i'd like give you a modal solution:

 @if (Request.IsAuthenticated)

              {
                  <li class="span3">
                      <a href="Home/AboutMe" role="button" class="btn" data-toggle="modal">[@Membership.GetUser().UserName]</a>
                      </li>
                      <li>@Html.ActionLink("logoff","LogOff","Account")</li>
                 }
              else
              {
                   <li class="span3">
                      <a href="#myModal" id="Login" role="button" class="btn" data-toggle="modal" >Login</a>
                   </li>
              }

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">

            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                        <h4 class="modal-title" id="myModalLabel"> Login </h4>
                    </div>
                    <div class="modal-body">
                        <form class="form-horizontal">
                            <div class="control-group">
                                <label class="control-label" for="inputEmail">Email</label>
                                <div class="controls">
                                    <input type="text" id="inputEmail" placeholder="Email">
                                </div>
                            </div>
                            <div class="control-group">
                                <label class="control-label" for="inputPassword">Password</label>
                                <div class="controls">

                                    <input type="password" id="inputPassword" placeholder="Password">
                                </div>
                            </div>
                            <div class="control-group">
                                <div class="controls">
                                    <label class="checkbox">
                                        <input type="checkbox">
                                        Remember me
                                    </label>
                                    <button type="submit" class="btn">Sign in</button>
                                </div>
                            </div>
                        </form>
                    </div>