Есть форма на сайте, если пользователь не ввел в течение времени туда никакие данные, показать ему сообщение. Как это реализовать на JS?
Вариант с расширенной проверкой и логикой:
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>
$( 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">
Кофе для программистов: как напиток влияет на продуктивность кодеров?
Рекламные вывески: как привлечь внимание и увеличить продажи
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
Есть окно заказов за годПри нажатии на месяц открывается таблица заказов
У меня есть store со значениями, где хранятся типы данных и их обозначения с id и тд