如何从控制器对模态引导程序进行验证?

时间:2015-04-23 08:17:59

标签: ajax json asp.net-mvc controller

我有一个使用模态引导的部分视图登录。在我在客户端验证模型后,一切正常。但是我想检查登录是否失败,如果是,则从控制器向模态引导程序返回错误消息,而不是返回到回发页面。我怎么能这样做?

我的_partialview登录

<div id="loginModal" class="modal fade">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-body">
                @using (Html.BeginForm("Login", "Account", new { ReturnUrl = ViewBag.ReturnUrl }, FormMethod.Post, new { @class = "form-horizontal"}))
                {
                    @Html.AntiForgeryToken()
                    @Html.ValidationSummary(true, "", new { @class = "text-danger" })
                    <div class="form-group">
                        @Html.LabelFor(m => m.Email, new { @class = "col-md-2 control-label" })
                        <div class="col-md-10">
                            @Html.TextBoxFor(m => m.Email, new { @class = "form-control" })
                            @Html.ValidationMessageFor(m => m.Email, "", new { @class = "text-danger" })
                        </div>
                    </div>
                    <div class="form-group">
                        @Html.LabelFor(m => m.Password, new { @class = "col-md-2 control-label" })
                        <div class="col-md-10">
                            @Html.PasswordFor(m => m.Password, new { @class = "form-control" })
                            @Html.ValidationMessageFor(m => m.Password, "", new { @class = "text-danger" })
                        </div>
                    </div>
                    <div style="text-align:right;">
                        <button type="submit" class="btn btn-primary btn-sm">Submit</button>
                    </div>
                }
    </div>
</div>

帐户控制器

[HttpPost]
    [AllowAnonymous]
    [ValidateAntiForgeryToken]
    public async Task<ActionResult> Login(LoginViewModel model, string returnUrl)
    {
        if (!ModelState.IsValid)
        {
            return View(model);
        }
        var result = await SignInManager.PasswordSignInAsync(model.Email, model.Password, model.RememberMe, shouldLockout: false);
        switch (result)
        {
            case SignInStatus.Failure:
            default:
                ModelState.AddModelError("", "Invalid login attempt.");
                return View(model);
        }
    }

2 个答案:

答案 0 :(得分:1)

如果我理解您想要收到错误,请在没有重新加载页面的情况下向用户显示错误。您只需要使用一些ajax然后使用它的成功/错误函数显示错误/重定向到新页面。堆栈上也有很多例子。请记住,出于安全原因使用HTTPS和密码。这里有一些例子:Login Page using ASP.Net & Ajax

答案 1 :(得分:1)

你应该使用一些验证插件。这是最简单且非常受欢迎的验证pugin jQuery Validation Plugin

干杯!!