Ajax.BeginForm - 显示验证错误

Question

在 VS2008 中使用 MVC 项目模板（开箱即用），我注意到以下内容：

1. 这是如何指定 Register.aspx 表单的。

   <% using (Html.BeginForm()) { %>;
   

2. 选择“注册”按钮而不提供任何帐户信息会显示这一点。帐户创建失败。请更正错误并重试。

   • 您必须指定用户名。
   • 您必须指定电子邮件地址。
   • 您必须指定 6 个或更多字符的密码。
   

3. 我将 Register.aspx 表单更改为此。

   <% using (Ajax.BeginForm("Register", new AjaxOptions { HttpMethod = "Post" })) { %>;
   

4. 选择“注册”按钮而不提供帐户信息不会显示任何错误。

问题：使用 Ajax.BeginForm 时如何显示错误文本？

Answer 1

要成功应用 ajax 表单提交，您必须修改注册操作和视图。默认情况下，如果出现错误，此操作仅返回关联的 register.aspx 视图。第一步是将验证摘要放入部分用户控件中：

ValidationSummary.ascx：

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl" %>
<%= Html.ValidationSummary("Account creation was unsuccessful. Please correct the errors and try again.") %>

然后将此部分包含在 Register.aspx 视图中：

<div id="validationSummary">
    <% Html.RenderPartial("ValidationSummary"); %>
</div>

<% using (Ajax.BeginForm(new AjaxOptions { HttpMethod = "POST", UpdateTargetId = "validationSummary" })) { %>
    FORM CODE HERE
<% } %>

最后修改 Register 操作：

[AcceptVerbs(HttpVerbs.Post)]
public ActionResult Register(string userName, string email, string password, string confirmPassword)
{
    // ... skipped content for clarity

    // If we got this far, something failed, redisplay form
    if (Request.IsAjaxRequest())
    {
        // If an ajax request was made return only the validation errors 
        // instead of the whole page
        return PartialView("ValidationSummary");
    }
    else
    {
        return View();
    }
}

如果默认情况下注册成功，则使用 Register 操作只是重定向到主页/索引。您还必须修改这一点，因为当您执行 ajax 请求时，重定向将不起作用。您可以使用相同的方式测试是否异步调用该操作并返回一些表明注册成功的文本。此文本将显示在与验证错误相同的 div 内。

---

更新：

最后一个问题 - 而不是
错误消息的项目符号列表，怎么办
我收到每个控件的错误消息
使用以下命令在控件旁边渲染
Html.ValidationMessage("....") 方法
？

为了实现这一点，您需要将表单的内容放入部分视图中：

<% using (Ajax.BeginForm(
    "register", 
    null, 
    new AjaxOptions { 
        HttpMethod = "POST", 
        UpdateTargetId = "myForm" 
    }, 
    new { 
        id = "myForm" 
    })) { %>
     <% Html.RenderPartial("RegisterForm"); %>
<% } %>

并在您的注册操作中呈现正确的部分：

if (Request.IsAjaxRequest())
{
    return PartialView("RegisterForm");
}
else
{
    return View();
}