html pattern - валидация
 

Я использую pattern в input полях.
Если поле заполнено с ошибкой я кнопку делаю не активной. Вот таким образом:

Это работает в том случае если кнопка идет сразу после поля ввода.
Подскажите как-то можно этот css применить ко всем кнопкам. То есть если в одном из полей ввода неправильный символ, делаем неактивные все кнопки на странице.

dima85,
Полагаю, через цсс никак, если кнопки идут выше по дереву дом. Либо элементы не смежные.

Хорошо, а если у нас такая конструкция

<input pattern="(0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9]){2}" value="">
<input pattern="(0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9]){2}" value="">
<input class="btn btn-block btn-success" value="Save" type="button">

Ошибку допустили в первом input, как сделать неактивным нижней button?

Работает! Можете рассказать на какие элементы распространяется ~. Внутрь div он сможет проникнуть?

dima85,
На смежные с одним родителей, глубже не распространяется.