Désactivation et activation des champs de saisie avec jQuery

Lorsque vous travaillez avec des éléments de formulaire HTML, il est souvent nécessaire de désactiver ou d'activer certains champs de saisie pour l'utilisateur interaction. jQuery fournit plusieurs méthodes pour accomplir ces tâches.

Désactivation d'un champ de saisie

La méthode préférée pour désactiver un champ de saisie dans les versions 1.6 et supérieures de jQuery consiste à utiliser le prop( ) function:

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

Avant jQuery 1.6, le La fonction attr() peut être utilisée pour définir l'attribut désactivé :

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

Activation d'un champ de saisie

Pour activer un champ de saisie désactivé, vous devez inverser l'action en fonction de la méthode utilisée :

jQuery 1.6

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

jQuery 1.5 et versions antérieures

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

Manipulation directe du DOM

Dans n'importe quelle version de jQuery, vous pouvez toujours manipuler directement l'élément DOM :

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

Remarque pour jQuery 1.6

Bien que jQuery 1.6 introduit la méthode removeProp(), elle ne doit pas être utilisée pour les propriétés natives telles que désactivées. Au lieu de cela, utilisez toujours .prop() pour basculer la propriété sur false.