подсветить рамку поля при ошибке в валидации

154
09 марта 2019, 06:50

подскажите как подсветить рамку поля в красный цвет на 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>

Answer 1

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

READ ALSO
Как сделать запись в колонку, при условии ее существования?

Как сделать запись в колонку, при условии ее существования?

Как сделать проверку в запросе, если колонка(поле) в таблице существует, тогда происходит запись в нееВот моя попытка:

162
Принцип переноса текста в svg?

Принцип переноса текста в svg?

В svg нет тэга br и для переноса используются атрибуты тэга x и dy

161