подскажите как подсветить рамку поля в красный цвет на 5 секунд, если в поле была допущена ошибка
<span>Фамилия получателя</span>
<input type="text" size="90px" id="surname"><br>
<input type="button" value="Сохранить" onclick="go()">
<script>
function go() {
var snl = document.getElementById('surname').value.length;
if (snl == 0) {
alert("все поля должны быть заполнены");
document.getElementById('surname').focus();
return;
}
}
</script>
function go() {
var el = document.getElementById('surname');
var snl = el.value.length;
if (snl == 0) {
alert("все поля должны быть заполнены");
el.classList.add("warning");
el.focus();
setTimeout(function() {
el.classList.remove("warning");
}, 2000);
}
}
.warning {
border-color: red;
}
<span>Фамилия получателя</span>
<input type="text" size="90px" id="surname"><br>
<input type="button" value="Сохранить" onclick="go()">
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники
Продвижение своими сайтами как стратегия роста и независимости