Отслеживание ввода и показ сообщения [закрыт]

147
09 марта 2019, 09:40

Есть форма на сайте, если пользователь не ввел в течение времени туда никакие данные, показать ему сообщение. Как это реализовать на JS?

Answer 1

Вариант с расширенной проверкой и логикой:

window.onload = function() { 
  var oWrap = document.querySelector('.wrap'); 
  var tCheck; 
 
  function fCheck() { 
    let nCheck = 0; 
    oWrap.querySelectorAll('form>*').forEach(function(item) { 
      if (item.value) { nCheck++; } 
    }); 
 
    if (nCheck == 0) { 
      alert('Заполните форму'); 
    } else if (nCheck == 3) { 
      alert('Вы можете отправить данные'); return 
    } else { 
      alert('Не все поля заполнены'); 
    } 
    tCheck = null; 
    tCheck = setTimeout(fCheck, 5000); 
  } 
 
  oWrap.addEventListener('input', function() { 
    if (tCheck) { 
      clearTimeout(tCheck); 
      tCheck = null; 
      tCheck = setTimeout(fCheck, 5000); 
    } 
  }); 
   
  tCheck = setTimeout(fCheck, 5000); 
}
.wrap { 
  width: 200px; 
  margin: 0 auto; 
} 
 
form>* { 
  margin: 4px 0; 
  display: block; 
  min-width: 100%; 
  min-height: 1.3em; 
  box-sizing: border-box; 
  border: 1px dotted #090; 
}
<div class="wrap"> 
  <form> 
    Name:<input> 
    Age:<input> 
    Message:<textarea></textarea> 
  </form> 
</div>

Answer 2

$( document ).ready(function() { 
    setTimeout(function(){ 
      if ($('#input').val().length === 0) { 
         alert('Введите что нить') 
      } 
    },3000) 
}); 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input id='input' type="text">

READ ALSO
Несколько кнопок с одинаковой функцией js?

Несколько кнопок с одинаковой функцией js?

Есть окно заказов за годПри нажатии на месяц открывается таблица заказов

187
Объединить элементы массива [дубликат]

Объединить элементы массива [дубликат]

На данный вопрос уже ответили:

144
Динамическое отображение типов в Grid в Extjs

Динамическое отображение типов в Grid в Extjs

У меня есть store со значениями, где хранятся типы данных и их обозначения с id и тд

131