service.js 698 B

12345678910111213141516171819202122232425
  1. function validateInput(id){
  2. const div = document.getElementById(id)
  3. const input = div.children[1]
  4. const error = div.children[2]
  5. input.addEventListener('input', (e) => {
  6. if(!e.target.value && !div.classList.contains('active')){
  7. error.innerHTML = "Поле обязательно к заполению"
  8. }else{
  9. error.innerHTML = ""
  10. }
  11. })
  12. input.addEventListener('blur', (e) => {
  13. if(!e.target.value){
  14. error.innerHTML = "Поле обязательно к заполению"
  15. }else{
  16. error.innerHTML = ""
  17. }
  18. })
  19. }
  20. validateInput('name')
  21. validateInput('email')
  22. validateInput('phone')