javascript - 来自 JQuery 填充字段的值未绑定(bind)到 MVC 模型

Question

我正在使用 Razor 开发一个 ASP.NET MVC 项目。一旦表单在页面上完成加载，我希望用户在输入中触发 .on ('change')。一旦发生这种情况，就会执行 AJAX 调用，返回用户数据，禁用并填充链接到模型属性的输入，该模型的属性开始为空(加载页面时)。

数据填满没有问题，但是当我将它发送回 Controller 进行处理时，与 AJAX 执行后填入的输入对应的值到达时为空。

<div class="form-label-group col-md-4 mb-3">
    @Html.LabelFor(model => model.AttendeeName, new { @class = "upside-label", @for = "firstName" })
    @Html.EditorFor(model => model.AttendeeName, new { htmlAttributes = new { @class = "form-control", @id = "firstName", @placeholder = Resources.ResourcesPerson.PlaceholderPersonName } })
    @Html.LabelFor(model => model.AttendeeName, new { @class = "downside-label", @for = "firstName" })
    <div class="text-danger">
        @Html.ValidationMessageFor(model => model.AttendeeName)
    </div>
</div>

我已经尝试了以下但没有成功:

$("input[name=AttendeeName]").attr('disabled', true);
$("input[name=AttendeeName]").val(data.AttendeeName).change()

感谢您的协助。

Answer 1

这是预期的行为。 disabled 元素不会在表单数据中发送。

如果您仍希望发送这些值，请不要禁用这些字段。可能尝试 readonly，假设您不希望用户编辑字段:

$('input[name="AttendeeName"]').prop('readonly', true);