Deshabilitar y habilitar campos de entrada con jQuery

Cuando se trabaja con elementos de formulario HTML, a menudo es necesario deshabilitar o habilitar ciertos campos de entrada para el usuario interacción. jQuery proporciona varios métodos para realizar estas tareas.

Deshabilitar un campo de entrada

El método preferido para deshabilitar un campo de entrada en las versiones 1.6 y superiores de jQuery es a través del prop( ) función:

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

Antes de jQuery 1.6, el La función attr() se puede utilizar para configurar el atributo deshabilitado:

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

Habilitar un campo de entrada

Para habilitar un campo de entrada deshabilitado, debes revertir la acción según el método utilizado:

jQuery 1.6

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

jQuery 1.5 y versiones anteriores

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

Manipulación directa de DOM

En cualquier versión de jQuery, siempre puedes manipular directamente el elemento DOM:

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

Nota para jQuery 1.6

Si bien jQuery 1.6 introduce el método removeProp(), no debe usarse para propiedades nativas como deshabilitadas. En su lugar, utilice siempre .prop() para cambiar la propiedad a false.