|
Отследить input/select где возникла ошибка html5
Добрый день.
Есть большая форма, разделенная, скажем, на 20 блоков, которые находятся в свёрнутом состоянии (разворачиваются при клике), в форме много разных полей, у многих есть атрибут pattern в котором указаны определённые регулярные выражения (позволяет html5). В разных браузерах, где это поддерживается, всплывают определённые подсказки, что в таком-то поле такая-то ошибка, помимо всплывающего тултипа бывает ещё и подсветка поля (например, красная тень).
Так как блоки "свёрнутые" и если я нажму на кнопку чтобы форма обработалась при наличии ошибок, то обработка не сработает и подсветка будет не совсем адекватна для полей в таких блоках либо подсветки никакой вообще не будет видно.
Можно ли как-то на js отследить инпуты, селекты.. в которых возникли ошибки? Есть вариант разворачивать все блоки при нажатии на кнопке "обработать", но это не круто в случае если ошибок будет совсем мало. Прямо говоря, мне бы отследить где были ошибки, взять их родительские блоки и "развернуть" их.
Заранее благодарен, за любые размышления по этому поводу.
|
