Форум

Алексей Петрович · #1 (**permalink**) 05.12.2015, 16:08

Решил использовать, "современные" технологии при проверке форм, на стороне клиента.

Задал в css :invalid красную рамку, :valid зелёную.
А в html required="required".

И при загрузке страницы у меня красная рамка на всех полях, потому что они не прошли валидацию (Пустые).

Мне интересно можно ли с помощью, js отменить состояние invalid, а при фокусе запускать html проверки?

рони · #2 (**permalink**) 05.12.2015, 17:18

Алексей Петрович,
при фокусе добавить класс или так

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .test:invalid {
    border: solid 2px #FF0000;
  }

  </style>
</head>

<body>
<input name="" required="required"  onblur="this.className='test'">
</body>

</html>

Алексей Петрович · #3 (**permalink**) 05.12.2015, 17:30

спасибо

Форум

Справочник

Discord чат

Курсы javascript