Отправка сообщения






Добро пожаловать!

Как деактивировать / активировать поле формы в JQuery?

Поговорим о том, как можно деактивировать/активировать поля формы. Эта потребность может возникнуть в некоторых ситуациях, когда для пользователя нужно сделать невозможным изменение значения полей, либо наоборот. В 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;

Если вы имеете дело с одним элементом, то данный вариант работает немного быстрее предыдущих, однако функции, описанные выше удобны для создания зависимой связки нескольких полей.

Добавил: htmaker, 07.07.2014 г.
 
плохослабосойдетхорошоотлично (Еще не оценили)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Комментарии

  • Загрузка...

Наверх