CaptchaMvc 使用 Ajax.beginform asp.net mvc4

Question

我在我的 asp.net mvc4 应用程序中使用 CaptchaMvc.Mvc4 1.5.0。 这是我的看法：

@using CaptchaMvc.HtmlHelpers;
@using CaptchaMvc;
@model Web.Models.Message
@using (Ajax.BeginForm("Contact", "Home", new AjaxOptions
{
    HttpMethod = "post",
    InsertionMode = InsertionMode.Replace,
    UpdateTargetId = "Sent"
}
{
            @Html.AntiForgeryToken()
            @Html.ValidationSummary(true)
            <fieldset>                       
            @Html.LabelFor(model => model.Name)
            <div>
            @Html.TextBoxFor(model => model.Name)
            @Html.ValidationMessageFor(model => model.Name)
            </div>  
            @Html.LabelFor(model => model.Email)
            <div>
            @Html.TextBoxFor(model => model.Email)
            @Html.ValidationMessageFor(model => model.Email)
            </div>                              
            @Html.LabelFor(model => model.Message1)
            <div>
            @Html.TextBoxFor(model => model.Message1)
            @Html.ValidationMessageFor(model => model.Message1)
            </div>

            @Html.MathCaptcha()

            <input type="submit" value="Create" />
            </fieldset>

            <div id="Sent">
            </div>
  }

这是我的行动方法：

[HttpPost]
public ActionResult Contact(Message message)
{
   if(this.IsCaptchaValid("error"))           
   if (ModelState.IsValid )
   {
       db.Messages.Add(message);
       db.SaveChanges();
       return RedirectToAction("SuccessfullySent");
    }

    ModelState.AddModelError("", "there is some error");
    return View(message);
}

验证码输入有效时可以正常工作。 问题是当验证码无效时，整个视图都呈现在 id="Sent" 的 div 中。所以我在一页中呈现了两个消息视图。 如何防止它在 id="Sent" 的 div 中再次呈现整个视图？

Answer 1

您返回的 View 与您最初用于呈现页面的相同。

这意味着更新的 div 正在被整个页面替换。

您可以按如下方式返回消息：

return Content("there is some error");

这会将消息输出到已发送的 div。

如果PartialView 包含更多 Html 并按如下方式传递消息，您也可以返回一个 PartialView：

return PartialView("_errorPartial", "there is some error");