Deaktivierte Formulareingaben werden in Anfragen nicht angezeigt

Question

Ich habe einige deaktivierte Eingaben in meinem Formular und möchte sie an den Server senden, aber Chrome schließt sie von der Anfrage aus.

Gibt es eine Möglichkeit, dieses Problem zu lösen, ohne versteckte Felder hinzuzufügen?

<form action="/Media/Add">
    <input type="hidden" name="Id" value="123" />

    <!-- this does not appear in request -->
    <input type="textbox" name="Percentage" value="100" disabled="disabled" /> 

</form>

Answer 1

使用Jquery并使用ajax发送数据，您可以解决您的问题：

<script>

$('#form_id').submit(function() {
    $("#input_disabled_id").prop('disabled', false);

    //Rest of code
    })
</script>

Answer 2

具有 disabled 属性的元素不会提交，或者您可以说它们的值未发布（请参阅 用于构建表单数据集的 HTML 5 规范）。

即，

<input type="textbox" name="Percentage" value="100" disabled="disabled" />

仅供参考，根据17.12.1 在 HTML 4 规范中：

1. 禁用的控件不会获得焦点。
2. 在选项卡导航中会跳过禁用的控件。
3. 禁用的控件无法成功发布。

您可以在您的案例中使用readonly属性，通过这样做，您将能够发布字段的数据。

即，

<input type="textbox" name="Percentage" value="100" readonly="readonly" />

仅供参考，根据17.12.2 在 HTML 4 规范中：

1. 只读元素获得焦点，但用户无法修改。
2. 选项卡式导航中包含只读元素。
3. 只读元素已成功发布。