0

我正在使用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])$
，但我将如何使用数字键盘

4

1 回答 1

0

我找到了一个解决我的问题的解决方案。

使用regexlib.com和另一个用于 RegEx Helpers 的RexExTool 。

使用这个正则表达式来验证我的输入
^([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. 第二个带有有效输入和数字键盘的文本框

于 2019-11-12T08:13:35.390 回答