Игорь Петров

Писал тут уже по этой теме не один раз. Книги Вам мало чем помогут, ибо в любом случае самый эффективный способ разучивания языка (любого, не обязательно программирования) - это практика. Много. С параллельным штудированием php.net. Сей ресурс должен быть Вашей настольной книгой. И так как практики должно быть не много, а очень много - займитесь разработкой сложного проекта. Да, прям так сразу. Постепенно учитесь писать интернет-магазин, полноценный торрент-трекер, а лучше сразу свою CMS. Качество кода Вашей поделки оставит желать лучшего, да и скорее всего Вы никогда даже не выкатите ее в продакшн (хотя свою CMS я все-таки выкатил, когда писал ее все свое время учебы в универе), постепенно Ваш опыт будет расти и Вы будете только и заниматься ее рефакторингом, да и ценность она будет иметь разве что историческую, однако все это даст Вам ценнейший и не сравнимый ни с чем опыт программирования в бою. А там уже и работать сможете идти после этого. А теория без практики мало чем ценна. Наглядный пример - лекции в универах. Какие у нас теперь специалисты? Вот-вот.

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

Mailbird