Devre dışı bırakılmış form girişleri istekte görünmüyor

Bir formda bazı devre dışı girişlerim var ve bunları bir sunucuya göndermek istiyorum, ancak Chrome bunları istek dışında tutuyor.

Gizli bir alan eklemeden bunun için herhangi bir geçici çözüm var mı?

<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Özniteliğe sahip öğeler gönderilmez veya değerlerinin gönderilmediğini söyleyebilirsiniz ( form veri kümesini oluşturmak için HTML 5 spesifikasyonunda Adım 3 altındaki ikinci madde işaretine bakın ).

yani,

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

FYI, HTML 4 spesifikasyonunda 17.12.1'e göre :

1. Devre dışı bırakılan denetimler odak almaz.
2. Devre dışı bırakılmış denetimler sekme gezinmesinde atlanır.
3. Devre dışı bırakılan denetimler başarıyla gönderilemez.

Durumunuzda readonlyözniteliği kullanabilirsiniz , bunu yaparak alanınızın verilerini yayınlayabilirsiniz.

yani,

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

FYI, HTML 4 spesifikasyonunda 17.12.2'ye göre :

1. Salt okunur öğeler odak alır, ancak kullanıcı tarafından değiştirilemez.
2. Sekme navigasyonunda salt okunur öğeler bulunur.
3. Salt okunur öğeler başarıyla gönderildi.

Jquery kullanarak ve verileri ajax ile göndererek sorununuzu çözebilirsiniz:

<script>

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

    //Rest of code
    })
</script>

Etkinleştirilmiş girişlere ek olarak devre dışı girişlerden değerler göndermek için, formun gönderilirken tüm girişlerini yeniden etkinleştirmeniz yeterlidir.

<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'yi tercih ediyorsanız:

<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 için gönderme işleyicisini aşağıdaki gibi eklersiniz:

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

Kesinlikle alanı devre dışı bırakmanız ve verileri iletmeniz gerekiyorsa, aynı verileri gizli bir alana girmek için bir javascript kullanabilirsiniz (veya sadece gizli alanı da ayarlayabilirsiniz). Bu, devre dışı bırakmanıza izin verir, ancak başka bir sayfaya gönderiyor olsanız bile yine de verileri yayınlar.

Çok yararlı olduğu için bu cevabı güncelliyoruz. Sadece girişe salt okunur ekleyin.

Böylece form şöyle olacaktır:

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

Anlamsal olarak bu doğru davranış gibi geliyor

Kendi kendime " Bu değeri neden göndermem gerekiyor? "

Bir formda devre dışı bırakılmış bir girdiniz varsa, muhtemelen kullanıcının değeri doğrudan değiştirmesini istemezsiniz

Devre dışı bırakılan bir girişte görüntülenen herhangi bir değer,

1. formu üreten sunucudaki bir değerden çıktı veya
2. form dinamikse, formdaki diğer girdilerden hesaplanabilir olun

Formu işleyen sunucunun kendisine hizmet veren sunucuyla aynı olduğu varsayılarak, devre dışı girişlerin değerlerini yeniden oluşturmak için gereken tüm bilgiler işlenirken kullanılabilir olmalıdır

Aslında, veri bütünlüğünü korumak için - devre dışı bırakılan girişin değeri işleme sunucusuna gönderilse bile, gerçekten doğrulamanız gerekir. Bu doğrulama, yine de değerleri yeniden oluşturmak için ihtiyaç duyduğunuz düzeyde bilgi gerektirir!

Neredeyse salt okunur girdilerin istekte de gönderilmemesi gerektiğini savunuyorum

Düzeltilmekten mutluluk duyuyorum , ancak salt okunur / devre dışı girdilerin nereye gönderilmesi gerektiğini düşünebileceğim tüm kullanım durumları gerçekten sadece kılık değiştiren sorunları şekillendiriyor

Bunun daha kolay olduğunu düşünüyorum. giriş alanını salt okunur hale getirin, ardından son kullanıcının salt okunur olduğunu bilmesi için bu alanı biçimlendirin. buraya yerleştirilen girişler (örneğin AJAX'tan) ekstra kod olmadan da gönderebilir.

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

Tamamen devre dışı bırakabilirsiniz, html form formatı ile ilgili hiçbir şey göndermeyeceğinden ağrılıdır. <p> veya başka bir etiket .

Bunun yerine düzenli olarak

<input text tag just before you have `/>

bunu ekle readonly="readonly"

Metninizi devre dışı bırakmaz, ancak kullanıcı tarafından değişmez, bu nedenle <p>form gibi çalışır ve değer gönderir. Daha çok <p>etiket gibi yapmak istiyorsanız kenarlığı kaldırın