1

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

1
  • какие поля в форме: input, textarea, radio, checkbox? Уточните.
    – UModeL
    25 окт 2018 в 9:47

2 ответа 2

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>

1

$( 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">

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.