Почему форма не дизейблится?

Question

[Arti-Jack]

Допустим, есть следующая форма:

var messageForm = document.getElementsByClassName('sendMessageForm__input');

И вот что messageForm из себя представляет:


Я хочу, чтобы кнопка "отправить" стала доступна и делаю следующее:

chatForm.children[2].setAttribute('aria-disabled', false);
chatForm.children[2].setAttribute('disabled', false);

Но почему-то это не помогает, что делать?

Comments

[Rustam Bainazarov]

Надо убирать атрибут полностью, а не менять его значение.

Answer 1

[Rsa97]

Важно не значение атрибута disabled, а сам факт его наличия. Убирайте его с помощью removeAttribute().

A form control is disabled if any of the following conditions are met:
1. The element is a button, input, select, or textarea element, and the disabled attribute is specified on this element (regardless of its value).

Comments

[Arti-Jack]

Не помогло

[Arti-Jack]

Аттрибут ушёл, но кнопка задизейблена

[Rsa97]

Arti-Jack,

Answer 2

[Павел Фереферов]

Смотри тут как вариант Отменить атрибут disable у кнопки при изменение значений input?