jquery - 验证失败的 htm 属性后返回编辑 View

Question

我有一个简单的 View ，用于编辑一些基本信息。如果不需要数据，则它们是“NA”复选框。

   @Html.TextBoxFor(m => m.PersonInfo[i].Reference, "Enter a reference", new { disabled = Model.PersonInfo[i].NotApplicable }) 

   @Html.CheckBoxFor(m => m.PersonInfo[i].NotApplicable, new
       {
           onclick = "ChangeEnabledState(" + i + ");"

       })

当用户单击 NA 复选框时，它会调用一个 javascript 函数来禁用该用户的所有控件。

我遇到以下情况的问题:

1. 用户创建一个新的“人员信息”并将其设置为 NA(因此所有字段均被禁用)
2. 然后用户返回编辑 View ，取消选中复选框(启用 View )
3. 用户在其中一个文本框中输入了一些无效数据
4. 用户点击“保存”，验证失败，错误将添加到模型中
5. 由于禁用的文本框是根据模型设置的，因此它们被禁用，但复选框已选中。因此，用户必须单击该复选框两次才能重新启用它们。

是否有一种干净的方法来更新 View 模型，以便在上述场景中字段不会被禁用。我已经尝试过 jquery document.ready 来检查复选框并启用/禁用，但感觉必须有一个更优雅的解决方案。

Answer 1

如果您使用 Ajax 表单，您将有一个名为 AjaxOptions 的参数。对于 AjaxOptions，您可以定义 OnBegin、OnSucces、OnComplete、OnSucces、OnFailure。

在这里，您可以传入一个 javascript 函数，该函数会在请求开始、完成或验证失败时调用，就像您的问题一样。

@using (Ajax.BeginForm("MethodName", "ControllerName", new AjaxOptions { OnFailure="EnableForm()" })