我有一个使用模态引导的部分视图登录。在我在客户端验证模型后,一切正常。但是我想检查登录是否失败,如果是,则从控制器向模态引导程序返回错误消息,而不是返回到回发页面。我怎么能这样做?
我的_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);
}
}
答案 0 :(得分:1)
如果我理解您想要收到错误,请在没有重新加载页面的情况下向用户显示错误。您只需要使用一些ajax然后使用它的成功/错误函数显示错误/重定向到新页面。堆栈上也有很多例子。请记住,出于安全原因使用HTTPS和密码。这里有一些例子:Login Page using ASP.Net & Ajax
答案 1 :(得分:1)
你应该使用一些验证插件。这是最简单且非常受欢迎的验证pugin jQuery Validation Plugin
干杯!!