Как сделать: если input value пустой — совершить какое-то действие?

Question

[Alexander Lashchevsky]

Имеем input.
Как сделать, что если input с момента загрузки страницы пустой (т. е. value=""), то включается определённый код CSS, а если value="содержит какой-то текст", то этот CSS не включается.

Примечание:
Вместо input, в принципе, можно использовать span или div и осуществлять проверку относительно их содержимого.

С уважением,
Александр.

Answer 1

[Eugene Obrezkov]

if (document.getElementById('#someInput').value !== '') {
    //Set CSS rule
} else {
    //Else not set CSS rule
}

UPD: jsfiddle.net/9SrLR

Comments

[Alexander Lashchevsky]

Вот смотрю на Ваш код и думаю, почему я сам не додумался, это же так элементарно! :) Видимо, день не мой.

Спасибо!

[Alexander Lashchevsky]

Суть понял, но что-то не работает. :(

[Eugene Obrezkov]

@Lashchevsky смотри UPD

Answer 2

[Михаил Костиков]

Можно использовать css псевдо элемент

input:not(:placeholder-shown) {
  //ваши стили
}

но не поддерживается в edge

Answer 3

[Владлен Грачев]

Проверяете при загрузке на пустоту. При необходимости «включить» CSS добавляете к элементу нужный класс. При наличии jQuery (сужу по тегам) проблем возникнуть не должно совсем.