Здравствуйте.
Изучаю JS и пытаюсь сделать вот такую штуку.
Имеется два input.
Мне нужно чтобы при потере фокуса (onblur) у любого из них, применялся какой-нибудь CSS код ( я просто добавляю класс с прописанными свойствами)
Для одного из полей всё получается сделать вот таким кодом, но я не могу понять как сделать так, чтобы можно было проверить одновременно и второй input.
Извините, если нубский вопрос.)
function checkInfo() {
var name = document.getElementById('name'),
email = document.getElementById('email');
if(name.value === '') {
name.classList.add('error')
}
else {
name.classList.remove('error');
};
};
<form method="post" name="myForm" id="my-form">
<div>
<input type="text" id="name" name="name" placeholder="Name (Required)" required onblur="checkInfo();">
</div>
<div>
<input type="email" id="email" name="email" placeholder="Email (Required)" required onblur="checkInfo();">
</div>
</form>