Разрешить только указанный c формат цифр и букв, принимаемых текстовым полем html

Question

Я хочу, чтобы мое текстовое поле в html принимало только указанный c формат, введенный пользователем.

Например, я хочу ввести номер рулона: F17-9006; F17-9007

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

Answer 1

Вы можете сделать это с помощью шаблона ввода :

<input type="text" pattern="([A-Za-z]\d{2}-\d{4};)*">

Обратите внимание, что он не будет автоматически вставлять da sh и не помешает пользователю обойти проверка ошибок браузера.

Answer 2

Вы ищете маску ввода. https://css-tricks.com/input-masking/