Показать сообщение отдельно
  #1 (permalink)  
Старый 01.02.2012, 15:20
Аспирант
Отправить личное сообщение для dr_gluk Посмотреть профиль Найти все сообщения от dr_gluk
 
Регистрация: 15.07.2011
Сообщений: 30

Отследить input/select где возникла ошибка html5
Добрый день.

Есть большая форма, разделенная, скажем, на 20 блоков, которые находятся в свёрнутом состоянии (разворачиваются при клике), в форме много разных полей, у многих есть атрибут pattern в котором указаны определённые регулярные выражения (позволяет html5). В разных браузерах, где это поддерживается, всплывают определённые подсказки, что в таком-то поле такая-то ошибка, помимо всплывающего тултипа бывает ещё и подсветка поля (например, красная тень).

Так как блоки "свёрнутые" и если я нажму на кнопку чтобы форма обработалась при наличии ошибок, то обработка не сработает и подсветка будет не совсем адекватна для полей в таких блоках либо подсветки никакой вообще не будет видно.

Можно ли как-то на js отследить инпуты, селекты.. в которых возникли ошибки? Есть вариант разворачивать все блоки при нажатии на кнопке "обработать", но это не круто в случае если ошибок будет совсем мало. Прямо говоря, мне бы отследить где были ошибки, взять их родительские блоки и "развернуть" их.

Заранее благодарен, за любые размышления по этому поводу.
Ответить с цитированием