как вы знаете, в спецификации HTML5 мы получили некоторые новые атрибуты для элементов <input>
, таких как required
и pattern
. Это обеспечивает отличный способ проверки пользовательского ввода, и мы можем даже визуализировать его с помощью CSS и псевдоселекторов. Пример
HTML
<input type="number" pattern="\d+" required/>
CSS
input:required:valid {
border: 1px solid green;
}
input:required:invalid {
border: 1px solid red;
}
Если этот элемент <input>
будет частью элемента <form>
, пользователь не сможет отправить его в invalid state
.
Однако, мой вопрос: что, если мы хотим использовать эти новые атрибуты без элементов <form>
? Есть ли способ получить доступ к текущему состоянию такого <input>
node через ECMAscript напрямую?
Любое событие? Любой слушатель?