Проверка всех input на пустоту и отображение сообщений об ошибке только у пустых

document.querySelectorAll('input').forEach((input) => { 
  input.addEventListener('input', () => { 
    const message = input.nextSibling.nextElementSibling; 
    message.style.display = input.value ? 'none' : 'block'; 
  }); 
});

input { 
  display: block; 
} 
 
.fail-validation-message { 
  display: none; 
}

<input type="text" name="f_ContactName"> 
<div class="fail-validation-message">Поле является обязательным для заполнения</div> 
 
<input type="text" name="f_ContactLastname"> 
<div class="fail-validation-message">Поле является обязательным для заполнения</div> 
 
<input type="text" name="f_Phone" class="phone-mask" placeholder="+7 (      )" maxlength="18"> 
<div class="fail-validation-message">Поле является обязательным для заполнения</div> 
 
<input type="text" name="f_Email" required=""> 
<div class="fail-validation-message">Поле является обязательным для заполнения</div>

[...document.querySelectorAll('input')].forEach(input => { 
  const node = input.closest('.form-group'); 
   
  input.addEventListener('input', function() { 
    if (input.value === '') { 
      node.classList.add('form-group_error'); 
    } else { 
      node.classList.remove('form-group_error'); 
    } 
  }); 
});

.error { 
  display: none; 
} 
 
.form-group_error .error { 
  display: block; 
}

<div class="form-group"> 
  <input type="text"> 
  <span class="error">Lorem ipsum dolor sit amet.</span> 
</div> 
 
<div class="form-group"> 
  <input type="text"> 
  <span class="error">Lorem ipsum dolor sit amet.</span> 
</div> 
 
<div class="form-group"> 
  <input type="text"> 
  <span class="error">Lorem ipsum dolor sit amet.</span> 
</div>