disabled = "disabled" атрибут не отключает текстовое поле в IE10

Question

У меня есть текстовые поля, которые я хочу отключить в конкретном сценарии. Я сделал это с помощью JQuery, как:

if (eligible) { 
        $(".email-address-field").removeAttr('disabled'); 
       } 
       else{ 
        $(".email-address-field").prop("disabled", true); 
       } 

Thsi отлично работает на всех браузерах, кроме IE10 V, где я могу редактировать отключенные текстовые поля, как:

Вот что мой код выглядит, когда я осмотреть это текстовое поле:

<input class="email-address-field" disabled="" type="text" value="xxx@mask.com"/> 

Примечание: Я также попытался использовать следующие вещи, но без успеха:

$(".email-address-field").prop("disabled", "disabled"); 
$(".email-address-field").attr("disabled", "disabled"); 

Может ли кто-нибудь помочь мне понять, что вызывает эту проблему, или если есть какое-либо обходное решение для этого? Заранее спасибо!

Answer 1

Для ввода «отключений» используйте атрибут readonly.

$(".email-address-field").prop("readonly", true);

использование prop() применять атрибут (не attr()), и removeProp(), чтобы удалить его.