@Allan11
Фронтенд

Как совершить какое-то действие для двух разных пустых input onblur?

Здравствуйте.
Изучаю 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>
  • Вопрос задан
  • 91 просмотр
Пригласить эксперта
Ответы на вопрос 2
abyrkov
@abyrkov
JavaScripter
Так прибавьте
if(email.value == ""){
  name.classList.add('error');
} else {
  name.classList.remove('error');
}
Ответ написан
Комментировать
@lega
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы