1

此验证应该有效，但如果下拉列表中没有选定的值，则帖子会立即触发。当移动到另一个非部分验证工作得很好。为简洁起见进行了编辑。

视图模型：

public class BuilderVM
{
    [Display(Name = "Select A Task")]
    [Required]
    public int? TaskId { get; set; }
    public GenericSelectList Tasks { get; set; }
}

父视图（部分视图在发布后呈现在此页面的底部。您可能已经注意到，ajax 选项规定部分视图将在 div 中呈现id="MoveOn"）：

@{
 ViewBag.Title = "Builder";
 AjaxOptions ajaxOpts = new AjaxOptions
 {
    LoadingElementDuration = 2,
    LoadingElementId = "removeChoice",
    UpdateTargetId = "MoveOn"
 };
}
<div id="removeChoice">
@using (Ajax.BeginForm("Selected", ajaxOpts))
{
<fieldset>
    <div>
     //Data For Submission (This data validates perfectly before post)
    </div>
    <p><input type="submit" value="Go" /></p>
</fieldset>
}
</div>
<div id="MoveOn"></div>

部分视图（在父视图发布后呈现）：

@model namespace.BuilderVM
@{
 AjaxOptions ajaxOpts = new AjaxOptions
  {
    UpdateTargetId = "Entry",
    LoadingElementDuration = 2,
    LoadingElementId = "RemoveEntry"
  };
}

<div id="RemoveEntry">
<h2>Details</h2>
@using (Ajax.BeginForm("Data", ajaxOpts))
{
@Html.ValidationSummary(true)
<fieldset>
<legend>Data</legend>
<div>
    <span class="label">@Html.LabelFor(model => model.TaskId)</span>
    <span class="content">
    @Html.DropDownListFor(
        model => model.TaskId,
        new SelectList(
            Model.Tasks.Values,
            "Id",
            "DisplayFields",
            Model.Tasks.StartValue
        ),
        Model.Tasks.Message
    )
    </span>@Html.ValidationMessageFor(model => model.TaskId)
</div>
<p><input type="submit" value="Add Work Completed Data" /></p>
</fieldset>
}
</div>
<div id="Entry"></div>

虽然 dropdownlistfor 绑定到 model.TaskId ，[Required]当点击 post 按钮 ( input type="submit") 并且在下拉列表中没有选择任何值时，该 post 将通过而不是停止并附加验证消息。我不知道该怎么做才能解决这个问题，因为当复制粘贴到常规视图时它工作得很好。为什么部分视图验证不起作用？

4

1 回答 1

3

问题是验证器只是在开头加载（使用 $(document).ready()）。您可以执行以下操作（在局部视图中插入）：

    <script>
        $(function() {
            $.validator.unobtrusive.parse('.Content');
        });
    </script>

根据给定的信息，我认为这是您的问题。希望这对您有所帮助。

于 2012-04-09T21:54:18.323 回答