Как поменять css у кнопки внутри форму с required input элементами?

Question

[Evtera]

здравствуйте. Нужно сделать небольшую валидацию формы, а именно заблокировать кнопку, если в инпуты не введены все значения. Если значения введены и кнопка становится активной, то нужно заменить цвет фона. Вопрос, можно ли это сделать силами css?

Comments

[Ankhena]

Цвет фона поменять можно.
А манипулировать атрибутами CSS не умеет.

Answer 1

[vilaugra]

Можно через javascript проверять, если пользователь ввел все инпуты, кнопке добавляешь класс active, а если он что-то убрал, то удаляешь этот класс и атрибут disabled (нужен, чтобы заблокировать кнопку, и должен быть с самого начала). А дальше через css просто прописываешь стили для обычной кнопки и для кнопки с классом active.