我有一个登录表单，我想在其中显示自定义错误，例如"用户不存在"，就像ValidationMessageFor消息一样。
我在控制器中添加了自定义错误，但它没有显示在表单中。
为了在 Ajax 表单中显示验证消息，我使用了返回从控制器返回的登录名 Partial View 的技术
感谢您的帮助！
控制器：
[HttpPost]
public ActionResult Login(Login login)
{
if (!ModelState.IsValid) //Check for validation errors
{
Response.StatusCode = (int)HttpStatusCode.BadRequest;
return PartialView("_login", login);
}
ActiveDirectoryDAL.ADQueries ad = new ActiveDirectoryDAL.ADQueries();
var userName = login.UserName.ToLower().Trim();
var password = login.Password.Trim();
var isValidUser = ad.Authenticate(userName, password);
if (!isValidUser)
{
ModelState.AddModelError(string.Empty, "Login failed");
return PartialView("_login", login);
}
FormsAuthentication.SetAuthCookie(login.UserName, false);
return Json(new { RedirectUrl = Url.Action("Index", "Home") });
}
景观
@model PushNotificationWebSite.Models.Login
@{
ViewBag.Title = "Login";
Layout = "";
}
<html>
<head>
<link href="~/Content/login.css" rel="stylesheet" />
@Styles.Render("~/Content/bootstrap/css")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
</head>
<script type="text/javascript">
function OnSuccess(data) {
if (data.RedirectUrl)
window.location.href = data.RedirectUrl;
}
function OnLoginFailure(data) {
debugger;
$('#login').html(data.responseText);
}
</script>
<body id="LoginForm">
<div class="container">
<h1 class="form-heading">login Form</h1>
<div class="login-form">
<div class="main-div">
<div class="panel">
<h2>Admin Login</h2>
<p>Please enter your username and password</p>
</div>
@using (Ajax.BeginForm("Login", "Account", new AjaxOptions
{
InsertionMode = InsertionMode.Replace,
HttpMethod = "POST",
LoadingElementId = "loader",
OnSuccess = "OnSuccess",
OnFailure = "OnLoginFailure"
}, new { id = "login" }))
{
@Html.ValidationSummary(true)
<div class="form-group">
@Html.TextBoxFor(model => model.UserName, new { @class = "form-control", autocomplete = "off", placeholder = "Username" })
</div>
<div class="form-group">
@Html.TextBoxFor(model => model.Password, new { @class = "form-control", autocomplete = "off", type = "password", placeholder = "Password" })
@Html.ValidationMessageFor(m => m.Password, "", new { @class = "text-danger" })
</div>
<button type="submit" class="btn btn-primary">Login</button>
}
<div id="loader" class="loader">
<img class="center" src="~/Images/ajax-loader.gif" />
</div>
</div>
</div>
</div>
</body>
</html>
部分视图：
@model PushNotificationWebSite.Models.Login
@using (Ajax.BeginForm("Login", "Account", new AjaxOptions
{
HttpMethod = "POST",
LoadingElementId = "loader",
OnSuccess = "OnSuccess",
OnFailure = "OnLoginFailure"
}, new { id = "login" }))
{
@Html.ValidationSummary(true)
<div class="form-group">
@Html.TextBoxFor(model => model.UserName, new { @class = "form-control", autocomplete = "off", placeholder = "Username" })
@Html.ValidationMessageFor(m => m.UserName, "", new { @class = "text-danger" })
</div>
<div class="form-group">
@Html.TextBoxFor(model => model.Password, new { @class = "form-control", autocomplete = "off", type = "password", placeholder = "Password" })
@Html.ValidationMessageFor(m => m.Password, "", new { @class = "text-danger" })
</div>
<button type="submit" class="btn btn-primary">Login</button>
}
您可以将任何字符串作为键名分配给自定义ModelState错误，而不是使用string.Empty作为键名。从这里更改ModelState.AddModelError()：
ModelState.AddModelError(string.Empty, "Login failed");
对于此示例：
ModelState.AddModelError("LoginFailed", "Login failed");
之后，将一个ValidationMessage帮助程序放在分部视图中，其键名与ModelState.AddModelError中分配的键名相同，如下例所示：
@* message without styling *@
@Html.ValidationMessage("LoginFailed")
@* message with styling *@
@Html.ValidationMessage("LoginFailed", new { @class = "text-danger" })
或者使用ViewData.ModelState显示它，再次使用相同的键名：
@ViewData.ModelState["LoginFailed"].Errors[0].ErrorMessage
注意：
除了InsertionMode.Replace设置之外，您还可以考虑在验证失败时使用UpdateTargetId更新部分视图表单内容：
@using (Ajax.BeginForm("Login", "Account", new AjaxOptions
{
InsertionMode = InsertionMode.Replace,
HttpMethod = "POST",
LoadingElementId = "loader",
UpdateTargetId = "elementId", // here you can set HTML element ID to update
OnSuccess = "OnSuccess",
OnFailure = "OnLoginFailure"
}, new { id = "login" }))
{
// form contents
}
我找到了根本原因。
我忘了添加Response.StatusCode = (int)HttpStatusCode.BadRequest;
发送return PartialView("_login", login);之前 服务器发送共振 OK 200，因此验证器没有触发