Gli input del modulo disabilitati non vengono visualizzati nella richiesta

Ho alcuni input disabilitati in un modulo e desidero inviarli a un server, ma Chrome li esclude dalla richiesta.

C'è qualche soluzione per questo senza aggiungere un campo nascosto?

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

Gli elementi con l' disabledattributo non vengono inviati oppure puoi dire che i loro valori non sono pubblicati (vedi il secondo punto elenco sotto il passaggio 3 nelle specifiche HTML 5 per la creazione del set di dati del modulo ).

Vale a dire,

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

Cordiali saluti, secondo il 17.12.1 nella specifica HTML 4:

1. I controlli disabilitati non ricevono lo stato attivo.
2. I controlli disabilitati vengono ignorati nella navigazione delle schede.
3. I controlli disabilitati non possono essere registrati correttamente.

Puoi usare l' readonlyattributo nel tuo caso, in questo modo sarai in grado di pubblicare i dati del tuo campo.

Vale a dire,

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

Cordiali saluti, secondo il 17.12.2 nella specifica HTML 4:

1. Gli elementi di sola lettura ricevono lo stato attivo ma non possono essere modificati dall'utente.
2. Gli elementi di sola lettura sono inclusi nella navigazione delle schede.
3. Gli elementi di sola lettura vengono pubblicati correttamente.

Usando Jquery e inviando i dati con ajax, puoi risolvere il tuo problema:

<script>

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

    //Rest of code
    })
</script>

Per pubblicare valori da input disabilitati oltre agli input abilitati, è possibile semplicemente riattivare tutti gli input del modulo durante l'invio.

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

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

Per ASP.NET MVC C # Razor, aggiungi il gestore di invio in questo modo:

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

Se devi assolutamente disabilitare il campo e passare i dati, puoi utilizzare un javascript per inserire gli stessi dati in un campo nascosto (o semplicemente impostare anche il campo nascosto). Ciò ti consentirebbe di disabilitarlo ma di pubblicare comunque i dati anche se pubblicheresti su un'altra pagina.

Sto aggiornando questa risposta poiché è molto utile. Basta aggiungere in sola lettura all'input.

Quindi il modulo sarà:

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

Semanticamente questo sembra il comportamento corretto

Mi chiedevo " Perché devo inviare questo valore? "

Se si dispone di un input disabilitato su un modulo, presumibilmente non si desidera che l'utente cambi direttamente il valore

Qualsiasi valore visualizzato in un input disabilitato dovrebbe essere

1. output da un valore sul server che ha prodotto il modulo, oppure
2. se il modulo è dinamico, essere calcolabile dagli altri input nel modulo

Supponendo che il server che elabora il modulo sia uguale al server che lo serve, tutte le informazioni per riprodurre i valori degli input disabilitati dovrebbero essere disponibili durante l'elaborazione

In effetti, per preservare l'integrità dei dati, anche se il valore dell'input disabilitato è stato inviato al server di elaborazione, dovresti davvero convalidarlo. Questa convalida richiederebbe lo stesso livello di informazioni di cui avresti bisogno per riprodurre comunque i valori!

Direi quasi che neanche gli input di sola lettura devono essere inviati nella richiesta

Felice di essere corretto, ma tutti i casi d'uso a cui riesco a pensare a dove devono essere inviati input di sola lettura / disabilitati sono in realtà solo problemi di stile sotto mentite spoglie

Trovo che funzioni più facilmente. solo il campo di input, quindi lo stile in modo che l'utente finale sappia che è di sola lettura. gli input inseriti qui (ad esempio da AJAX) possono comunque essere inviati, senza codice aggiuntivo.

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

Puoi evitare totalmente la disabilitazione, è doloroso dal momento che il formato del modulo html non invierà nulla correlato <p>o qualche altra etichetta.

Quindi puoi invece metterlo regolarmente

<input text tag just before you have `/>

Aggiungi questo readonly="readonly"

Non disabiliterebbe il tuo testo ma non cambierebbe per utente, quindi funziona come <p>e invierà valore attraverso il modulo. Rimuovi il bordo se desideri renderlo più simile al <p>tag