Динамическая проверка инпута на наличие содержимого?

Question

[Nikita Shchypylov]

Всем привет

Нужно, что бы если мы ввели какое то значение в инпут - добавился класс к кнопке. Перепробовал тучу вариантов, но не один корректно не работает
Сейчас остановился на такой костыльном варианте:

function controlInput() {
	var input = document.getElementById('note_input')
	$('#note_input').bind('input', function () {
		$(save_button).removeClass('disabled');
	});

}
function emptyInput() {
	var input = document.getElementById('note_input');
	if ($('#note_input').val()=='') {
		save_button.classList.add('disabled');
	}
}

Перелил на фтп - там работает только в Хроме. Открыл с локалки - не работает даже в Хроме :)
Буду благодарен советам
Спасибо

Answer 1

[Иван Соломенников]

var inp = document.getElementById("note_input");

inp.addEventListener("input", function (e) {
    if (e.target.value.length > 0) {
        e.target.classList.add("disabled");
    } else {
        e.target.classList.remove("disabled");
    }
});

Comments

[Nikita Shchypylov]

Это не заработало

[Иван Соломенников]

Nikita Shchipilov: Опишите проблему неработоспособности?

Answer 2

[lega]

jsfiddle.net/lega911/8f8wdt62

Comments

[Nikita Shchypylov]

??