Показать сообщение отдельно
  #4 (permalink)  
Старый 22.08.2021, 15:19
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,112

Сообщение от Tolik89
о именно в javascript

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>:valid</title>
  <style>
   input.invalid {
    background: #fdd; /* Красный цвет фона */
   }

  </style>
  <script>
  document.addEventListener( "DOMContentLoaded" , function() {
  document.querySelector(".input").addEventListener("input", function() {
  this.classList.toggle("invalid", !this.validity.valid);
  })
    });
  </script>
 </head>
 <body>
  <form>
   <p>10-50</p>
   <p><input type='number'  class="input invalid" max="50" min="10" required/>
</p>
   <p><input type="submit" value="Отправить"></p>
  </form>
 </body>
</html>
Ответить с цитированием