Desabilitando e habilitando campos de entrada com jQuery

Ao trabalhar com elementos de formulário HTML, muitas vezes é necessário desabilitar ou habilitar certos campos de entrada para o usuário interação. jQuery fornece vários métodos para realizar essas tarefas.

Desabilitando um campo de entrada

O método preferido para desabilitar um campo de entrada nas versões 1.6 e superiores do jQuery é através do prop( ) função:

$("input").prop('disabled', true);

Antes do jQuery 1.6, o A função attr() pode ser usada para definir o atributo desabilitado:

$("input").attr('disabled', 'disabled');

Ativando um campo de entrada

Para habilitar um campo de entrada desabilitado, você deve reverter a ação dependendo do método usado:

jQuery 1.6

$("input").prop('disabled', false);

jQuery 1.5 e anteriores

$("input").removeAttr('disabled');

Manipulação direta de DOM

Em qualquer versão do jQuery, você sempre pode manipular diretamente o elemento DOM:

// Assuming an event handler thus 'this'
this.disabled = true;
// ...
this.disabled = false;

Nota para jQuery 1.6

Embora o jQuery 1.6 introduza o método removeProp(), ele não deve ser usado para propriedades nativas como desativado. Em vez disso, sempre use .prop() para alternar a propriedade para false.