Показать сообщение отдельно
  #2 (permalink)  
Старый 13.07.2017, 18:39
Профессор
Отправить личное сообщение для Dilettante_Pro Посмотреть профиль Найти все сообщения от Dilettante_Pro
 
Регистрация: 27.11.2015
Сообщений: 2,887

Косвенная проверка псевдокласса
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>:valid</title>
  <style>
   input:invalid {
    background: #fdd; /* Красный цвет фона */
   }
   input:valid {
    background: #dfd; /* Зеленый цвет фона */
   }
  </style>
 </head>
 <body>
  <form>
     <input required type="email" name="email" pattern="\S+@[a-z]+.[a-z]+" oninput="validateComments(this)">
  </form>
<script type="text/javascript">
function validateComments(input) {
   console.log(getComputedStyle(input).backgroundColor);

}
</script>
 </body>
</html>
Ответить с цитированием