Поговорим о том, как можно деактивировать/активировать поля формы. Эта потребность может возникнуть в некоторых ситуациях, когда для пользователя нужно сделать невозможным изменение значения полей, либо наоборот. В html для деактивации полей существует атрибут disabled. Т.е. если атрибут присутствует, то поле неактивно, в ином случае, по умолчанию поле является активным. Более гибко использовать форму нам поможет библиотека JQuery.
Чтобы установить атрибут disabled для тега, можно воспользоваться функцией .prop().
$("input").prop('disabled', true);
$("input").prop('disabled', false);
Стоит обратить внимание на то, что в JQuery библиотеках версии 1.5 и ниже нет функции .prop().
Решается эта проблема альтернативной функцией .attr().
Деактивируем поле, с помощью функции .attr():
$("input").attr('disabled','disabled');
Чтобы снова активировать элемент, можно воспользоваться функцией .removeAttr()
$("input").removeAttr('disabled');
Так же существует вариант, не имеет зависимости от версий JQuery. Можно обратиться непосредственно к объекту DOM, после возникновения какого-либо события.
this.disabled = true;
Если вы имеете дело с одним элементом, то данный вариант работает немного быстрее предыдущих, однако функции, описанные выше удобны для создания зависимой связки нескольких полей.
