Шаблон HTML 5 допускает числовые значения 4 символа максимум плюс тире плюс цифровой символ 11 символов максимум?

Question

У меня есть поле ввода, которое должно принимать только этот формат: number (4 characters max) - number (11 characters max).У меня есть этот шаблон, но он не заставит пользователя вводить число в таком формате, например, как это: 3453-24

Вот код:

<input type="text" name="search_value" id="search_value" placeholder="Example: 0421-055" pattern="[0-9]+([-][0-9]+)?" title="ID allows dash and numeric characters only" maxlength="12" required="required">

Есть ли способ проверитьэтот тип ввода с регулярным выражением шаблона?

Answer 1

Попробуйте использовать этот шаблон:

pattern="[0-9]{1,4}-[0-9]{1,11}"

Демо

Это позволило бы иметь только одну цифру на каждой стороне дефиса и до 4 на LHS или 11 на RHS.