無効化されたフォーム入力はリクエストに表示されません

フォームに無効な入力がいくつかあり、それらをサーバーに送信したいのですが、Chromeはリクエストからそれらを除外します。

隠しフィールドを追加せずにこれの回避策はありますか？

<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>

disabled属性を持つ要素は送信されないか、その値が送信されていないと言うことができます（フォームデータセットの作成に関するHTML 5仕様のステップ3の2番目の箇条書きを参照）。

つまり、

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

FYI、あたり17.12.1 HTML 4仕様で：

1. 無効にされたコントロールはフォーカスを受け取りません。
2. 無効化されたコントロールは、タブナビゲーションではスキップされます。
3. 無効化されたコントロールは正常に送信できません。

readonlyケースで属性を使用できます。これを行うと、フィールドのデータを投稿できます。

つまり、

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

FYI、あたり17.12.2 HTML 4仕様で：

1. 読み取り専用要素はフォーカスを受け取りますが、ユーザーが変更することはできません。
2. 読み取り専用の要素がタブナビゲーションに含まれています。
3. 読み取り専用要素が正常に投稿されました。

Jqueryを使用してajaxでデータを送信すると、問題を解決できます。

<script>

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

    //Rest of code
    })
</script>

有効化された入力に加えて無効化された入力からの値を送信するには、フォームが送信されるときにフォームのすべての入力を再度有効化するだけです。

<form onsubmit="this.querySelectorAll('input').forEach(i => i.disabled = false)">
    <!-- Re-enable all input elements on submit so they are all posted, 
         even if currently disabled. -->

    <!-- form content with input elements -->
</form>

jQueryを使用する場合：

<form onsubmit="$(this).find('input').prop('disabled', false)">
    <!-- Re-enable all input elements on submit so they are all posted, 
         even if currently disabled. -->

    <!-- form content with input elements -->
</form>

ASP.NET MVC C＃Razorの場合、次のように送信ハンドラを追加します。

using (Html.BeginForm("ActionName", "ControllerName", FormMethod.Post,
    // Re-enable all input elements on submit so they are all posted, even if currently disabled.
    new { onsubmit = "this.querySelectorAll('input').forEach(i => i.disabled = false)" } ))
{
    <!-- form content with input elements -->
}

フィールドを無効にしてデータを渡す必要がある場合は、JavaScriptを使用して同じデータを非表示フィールドに入力できます（または非表示フィールドも設定します）。これにより、無効にすることができますが、別のページに投稿する場合でも、データを投稿できます。

非常に便利なので、この回答を更新しています。readonlyを入力に追加するだけです。

したがって、フォームは次のようになります。

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

意味的にこれは正しい動作のように感じます

「この値を送信する必要があるのはなぜですか？」

フォームの入力が無効になっている場合、おそらくユーザーが値を直接変更したくない

無効な入力に表示される値は、

1. フォームを生成したサーバー上の値からの出力、または
2. フォームが動的である場合、フォーム上の他の入力から計算可能

フォームを処理するサーバーがフォームを処理するサーバーと同じであると仮定すると、無効化された入力の値を再現するためのすべての情報が処理時に利用可能である必要があります

実際、データの整合性を維持するには、無効な入力の値が処理サーバーに送信された場合でも、実際に検証する必要があります。この検証には、とにかく値を再現する必要があるのと同じレベルの情報が必要です。

私はほとんど読み取り専用の入力もリクエストで送信されるべきではないと主張します

修正してうれしいですが、読み取り専用/無効化された入力を送信する必要があると考えることができるすべてのユースケースは、実際には変装したスタイリングの問題です

私はこれがより簡単に機能すると思います。入力フィールドを読み取り専用にしてから、エンドユーザーが読み取り専用であることを認識できるようにスタイルを設定します。ここに配置された入力（たとえばAJAXから）は、追加のコードなしで送信できます。

<input readonly style="color: Grey; opacity: 1; ">

無効化を完全に回避することができます。htmlフォーム形式は、関連する<p>ラベルやその他のラベルを送信しないため、これは苦痛です。

代わりに定期的に置くことができます

<input text tag just before you have `/>

これを追加 readonly="readonly"

それはあなたのテキストを無効にすることはありませんが、ユーザーによって変更されることはないので、それは同様に機能し<p>、フォームを通じて値を送信します。<p>タグのようにしたい場合は、境界線を削除します