Цифровая клавиатура без рисунка в угловых - PullRequest
Новая
       47

Цифровая клавиатура без рисунка в угловых

0 голосов
/ 11 ноября 2019

Я использую NgX-Mask , чтобы замаскировать поле ввода. Я хочу включить специальные символы в маску, поэтому я использовал [dropSpecialCharacters]="false" из NgXMask.

Из-за угловой проверки он показывает красный индикатор, поскольку образец не соответствует. В настоящее время используется шаблон \d*

<input pattern="\d*" [dropSpecialCharacters]="false" mask="H0:00" placeholder="HH:MM" required
class="form-control" [(ngModel)]="inputValue" name="inputValue" />

Критерии принятия
1 В Safari по умолчанию должна отображаться цифровая клавиатура. (input pattern = "\ d *"), который по умолчанию показывает цифровую клавиатуру.

Ожидаемый результат
Я хочу включить символ ':' в шаблон, чтобы он отображался зеленым цветоминдикатор

Пример StackBlitz

Поддерживаемое приложение: только для iPad

Обновление Этот шаблон будет соответствовать моему вводу ^([0-1][0-9]|[2][0-3]):([0-5][0-9])$
но как мне взять цифровую клавиатуру

1 Ответ

0 голосов
/ 12 ноября 2019

Я нашел решение, которое решает обе мои проблемы.

Используется regexlib.com и другое RexExTool для помощников RegEx.

Используетсяэто regEx для проверки моего ввода
^([0-1][0-9]|[2][0-3]):([0-5][0-9])$

Используется режим ввода цифр для цифровой клавиатуры в IPad.
inputmode="numeric"

 <input inputmode="numeric" pattern="^([0-1][0-9]|[2][0-3]):([0-5][0-9])$"
  [dropSpecialCharacters]="false" mask="H0:00" placeholder="HH:MM" required
  class="form-control" [(ngModel)]="inputValue" name="inputValue" />

Пример StackBlitz
1. Это первое текстовое поле с недопустимым значением и текстовой клавиатурой
2. Второе текстовое поле с допустимым вводом и цифровой клавиатурой

...