Как отключить кнопку, если не заполнен input/select?

Question

[prrrrrrr]

Подскажите, как отключить кнопку, если не заполнен input и select? Есть форма к примеру, где несколько полей input, и несколько select с первым option - disabled selected, а также как к каждому полю input указать мин. кол-во вводимых символов?

UPD: required не катит

Comments

[Andrew]

Вы уверены что вам нужно отключить кнопку,а не не дать отправить форму, указав на незаполненные поля?

[prrrrrrr]

Andrew, так тоже не плохо будет

[AlmeryCloud]

prrrrrrr, То что описал Andrew делается с помощью required в полях.

[prrrrrrr]

AlmeryCloud, у меня SPA-приложение, оформленное в WebView (в огрызки- и ведро- сторах) под натив дизайн, и тут я делаю required, где потом все юзеры поняли что это браузер. классно

[sergski]

Добавить на кнопку атрибут disabled и css класс disable, с opacity: 0.5.
На форму событие submit, по которому запускаете обработчик, который в цикле проходит по всем полям и берет у полей value, и где оно == 0, тому добавлять класс, например, error с эффектами что все плохо и return обработчику. Если все поля заполнены, то убрать у кнопки атрибут disabled и класс disable.

[Andrew]

prrrrrrr, у вас SPA и вы не знаете как обратиться к пропсам на обычном JS-e? на чем SPA написано?
гуглите валидаторы под ваш случай

[prrrrrrr]

Andrew, на ионике. да, не знаю, и что? поэтому и спросил

Answer 1

[AlmeryCloud]

Добавить required в input. Минимальное кол-во символов указывается с помощью minlength.

Comments

[prrrrrrr]

а без required?

[AlmeryCloud]

prrrrrrr,

document.getElementById("btnPlaceOrder").disabled = true;

[prrrrrrr]

AlmeryCloud, и что это? вы вопрос читали?

[AlmeryCloud]

prrrrrrr, Вам нужно, чтобы кнопка была изначально отключена и при вводе символов включалась?

[prrrrrrr]

AlmeryCloud, ну да. и в каждый инпут разное минимальное вводимое число символов, а select когда выбран option который не disabled