Ajax.BeginForm 验证模型

Question

我是 ASP.Net MVC 的新手..

问题来了……

我有一个列出所有过滤器类型的视图。在同一个视图中..我需要一个基于 AJAX 的搜索选项。我得到了ajax部分的工作。但是如何使 Ajax 帖子针对 UserEnity 模型进行验证？是否可以将视图的 Ajax 部分移动到 partialView ？

非常感谢任何帮助。

这里是示例

@model IEnumerable<UserEntity>

@using (Ajax.BeginForm("Index", "FiltrationType", new AjaxOptions
    {
        HttpMethod = "post",
        UpdateTargetId = "gridContent",
        InsertionMode = InsertionMode.Replace }))
    {
        @Html.AntiForgeryToken();
        @Html.ValidationSummary(true)
        <p> <b>Search Filter Type </b> @Html.TextBox("SearchString") <br />   
        <input type="submit" name="cmdFiltrationSearch" value="Search" /> 
        <input type="submit" name="cmdFiltrationClear" value="Clear" onclick="ClearFiltrationTypeSearchText()" /> 
        </p>     
    }

<div id="gridContent">

   @if (ViewBag.DataRetriveStatus != null )
   {
     <span class ="ErrorDiv"> @ViewBag.DataRetriveStatus </span><br />
   }
   else
   {
   @Html.Partial("_filtrationGrid", Model)
   }
</div>

好消息是，在链接表单名称以匹配模型实体名称之后，我无法发布模型数据。

@using (Ajax.BeginForm("Index", "User", new AjaxOptions
{
    HttpMethod = "post",
    UpdateTargetId = "gridContent",
    InsertionMode = InsertionMode.Replace }))    {
    @Html.AntiForgeryToken();
    @Html.ValidationSummary(true)
    <table class ="UserSearch">
        <tr> 
            <th> Account </th>
            <td>@Html.TextBox("DisplayName")
             </td>
        </tr>
          <tr> 
            <th> First Name</th>
            <td>@Html.TextBox("FirstName")  </td>
        </tr>
          <tr> 
            <th> Last Name </th>
            <td>@Html.TextBox("LastName")  </td>
        </tr>
    </table>
    <p>   
    <input type="submit" name="cmdUserSearch" value="Search" /> 
    <input type="submit" name="cmdUserClear" value="Clear" onclick="ClearUserSearchText()" /> 
    </p>     
}

但是 jquery 验证在表单上不起作用..知道为什么吗？但是在控制器中验证为ModelState.IsValid 工作正常。

这是我的实体模型

public class UserSearch
{
    [Required(ErrorMessage = "Display Name is Required")]
    [StringLength(30, MinimumLength = 2, ErrorMessage = "Display Name length should be between 2 and 30 characters")]
    [Display(Name = "Display Name")]
    public string DisplayName { get; set; }

    [Required(ErrorMessage = "First Name is Required")]
    [StringLength(30, MinimumLength = 2, ErrorMessage = "First Name length should be between 2 and 30 characters")]
    [Display(Name = "First Name")]
    public string FirstName { get; set; }

    [Required(ErrorMessage = "Last Name is Required")]
    [StringLength(30, MinimumLength = 2, ErrorMessage = "Last Name length should be between 2 and 30 characters")]
    [Display(Name = "Last Name")]
    public string LastName { get; set; }
}

和控制器代码...

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Index(string cmdUserSearch, string cmdUserClear,  UserSearch entity)
{

   if (ModelState.IsValid) 
   {
     // some code
   }
}

Answer 1

此时我只能猜测，但最常见的解决方案是检查是否包含 jquery.validate.unobtrusive-ajax 脚本。

更新

以下另一个可能的原因：

很可能出现问题是因为您的模型是IEnumerable<UserEntity>。因此，HtmlHelper<IEnumerable<UserEntity>>（这是您用于呈现帮助程序的 Html 属性的类型）没有关于 UserEntity 验证规则的信息，并呈现类型等于 text 的简单输入，不需要属性客户验证。

这解释了为什么服务器端验证有效 - 您期望将 UserSearch 实例作为操作方法的参数，因此现在应用验证规则。

其中一种可能的解决方案是使用您希望使用内置验证在客户端上验证的属性来扩展模型。例如，您可以使用以下模型。

public class UserSearchResults : UserSearch
{
    public IEnumerable<UserEntity> Items { get; set; }
}

@model 必须更改为我们的新 UserSearchResults 类。 您必须更新您的控制器以将UserSearchResults 传递到视图中。 并将以下更改添加到剃须刀。

 <table class ="UserSearch">
    <tr> 
        <th> Account </th>
        <td>@Html.TextBoxFor(x => x.DisplayName)</td>
    </tr>
    <tr> 
        <th> First Name </th>
        <td>@Html.TextBoxFor(x => x.FirstName)</td>
    </tr>
    <tr> 
        <th> Last Name </th>
        <td>@Html.TextBoxFor(x => x.LastName)</td>
    </tr>
</table>

并更新局部视图的使用。

@Html.Partial("_filtrationGrid", Model.Items)

使用上面的代码将告诉HtmlHelper 它正在处理哪个模型以及应该应用验证。

在您的情况下，可能有更好的组合模型的方法，但主要的一点是，当视图被渲染时，引擎不知道这些输入的值将被发布到期望得到的操作方法UserSearch 类实例，因此它们被视为没有附加验证的普通输入。

---

这与问题无关，但我想知道为什么您的操作方法string cmdUserSearch, string cmdUserClear中有这些参数。根据您问题中的代码，这些代码始终等于null。

同样最好将名称为cmdFiltrationClear的输入类型改为button而不是submit，否则有可能仍然会提交表单。

Answer 2

您的 web.config 文件是否已将这些值设置为 true？

<add key="ClientValidationEnabled" value="true" />
<add key="UnobtrusiveJavaScriptEnabled" value="true" />

至于将 ajax 部分包含为局部视图，您当然可以这样做。