'disabled' özelliğini formdan kaldırın ve yeniden etkinleştirin

Question

Bazı girdilerden oluşan bir formum var ve bu girişlerden bazıları devre dışı. Devre dışı bırakıldıkları için, içerdikleri verileri göndermeyeceklerdir. Bu yüzden, gönderim sırasında disabled özelliğini kaldırmak için aşağıdaki jQuery kodunu kullanın.

jQuery(function ($) {   
    $('form').bind('submit', function() { 
     $(this).find(':input').prop('disabled', false); 
    }); 
}); 

kullanıcı Gönder düğmesini tıkladığında

, disabled mülkiyet silinirse bu alanlardaki veriler gönderilir ve bir dosya (kullanıcı aynı sayfada yüzden başlıklarını kullanın) indirilir. Ancak, disabled özelliği artık kaldırıldığından, kullanıcı bu alanları değiştirebilir ve formu istemediğim kendi verileriyle yeniden gönderebilir.

Sorunuz, form gönderildikten sonra belirli alanları yeniden devre dışı bırakmak için kodumu nasıl değiştirebilirim.

Answer 1

Muhtemelen (ve jQuery olmadan) readonly yerine disabled aradığınız:

<input type="text" name="readOnlyValue" value="666" readonly="readonly" /> 

Bu konu farklı ve answered in details here istendi. Kısaca:

• disabled önler odaklanmak ve
• readonly odak verir veri göndermesini engeller ancak değiştirerek engeller ve kullanıcı kolayca yapabiliyor olarak veri Ancak dikkatli olun

gönderilecek sağlar Sayfayı keserek input değerini değiştirin. Bu yüzden, sunucu tarafında kötü niyetli kullanıcılarla başa çıkmaya hazır olmalısınız.

Answer 2

Bir geçici çözüm buldum.

yerine disabled olarak her giriş ayar, bunun disabled alan olarak aynı stil sahip olmak için ama readonly olarak ayarlayabilirsiniz, ben bir örnek göstermek için aşağıdaki CSS

input:read-only { 
    background-color: #EBEBE4; 
    color: #545454; 
    border-style: hidden; 
    padding: 3px; 
} 

jsFiddle eklendi iki

Answer 3

arasındaki fark Sorunuzu doğrudan yanıtlamak için: Formunuzu eşzamansız bir xmlhttprequest ile gönderirseniz, düğmelerinizi geri arama işlevinde yeniden kapatabilirsiniz.

<input type="text" value="samedata" disabled> 
<input type="hidden" name="actualnamedfield" value="samedata"> 

Sadece ilki görünür ve sadece ikinci bir teslim alır geçerli:

Ancak, en kolay çözüm verilerini henüz türü olarak başka bir zaman böyle = "gizli" eklemek olduğunu düşünüyorum.