По каким причинам несколько полей не проверяются на предмет соответствия паттерну(атрибуту) в данном примере?

Question

[Aleksey111]

А именно - ИНН, СНИЛС, НОМЕР ПОЛИСА И НОМЕР/СЕРИЯ ПАСПОРТА.
То есть то, где выставлено значение number в типе элемента.
Форма проходит, если мы их заполнили не по образцу.
https://codepen.io/Aleks70694/pen/ybNBPJ?editors=1100

Answer 1

[Алексей Струков]

Поставь этим инпутам type=text и например pattern=[0-9]+ (надо тестировать и подбирать паттерн под свои нужды)
Чтобы форма точно не проходила, надо использовать валидацию через js.
Встроенная html5 валидация работает не везде одинаково, а на айфоне вообще не обращает внимание на атрибуты required и отправляет пустые поля на сервер.