Как изменить цвет рамки у input, если поле заполнено неверно?

Question

[Игорь Мясников]

доброго времени суток.
Как изменить цвет рамки inputa после нажатия на submit , если в input введены не корректные данные?

Answer 1

[Артур Карапетян]

var form = querySelector('form')
var inputs = querySelectorAll('input')

form.onsubmit = function(e) {
	var error = false;

	for (var i = 0; i < inputs.length; i++) {
		if (inputs[i].value == '') {
			inputs[i].classList.add('error');
			error = true
		}
		else {
			inputs[i].classList.remove('error');
		}
	}
	if (error) {
		e.preventDefalt();
	}
}

И стилизуйте класс error как Вам угодно

UPD: Ванильный JS