Html текстовое поле с цифровым содержимым указанной длины - html input number maxlength

Если нужно текстовое поле (text input) только для цифр и с ограничениме длины строки, то есть хорошая и плохая новость.

Современные браузеры предоставляют отличную возможность проверки вводимых даннных, реализуя определенные типы полей ввода: цифровой, дата, номер телефона и т.д.

К сожалению, я столкнулся с ситуацией, что не могу установить на input number ограничение длины номера и пришлось использовать input text, не было реакции на maxlenght.

Поэтому, я взял обычный input text и при помощи jQuery сделал проверку value регулярным выражением.

<input type="text" maxlength="8" class="form-control" name="numb3rs" onkeyup="$(this).val(this.value.match(/[0-9]*/))">

Если же достаточно только цифр без ограничения длины, можно воспользоваться:

<input type="number">