我希望这些打字格式和分机号码是可选的

(123)-456-7890 X 12345

Html:

<input type="text" placeholder="Phone" min="10" max="15" class="form-control" formControlName="phone"
       mask="(000)-000-0000 x 00000"
       [ngClass]="{ 'is-invalid': (isSaved && contactForm.phone.errors)}">

Typescript :

phone: ['', [Validators.pattern(this.commonRegex.PhoneWithExtRegex)]],

/\(?([0-9]{3})\)?([ .-]?)([0-9]{3})\2([0-9]{4})+\x([0-4]{5})/

推荐答案

我认为使用Angular 指令是可行的. 这个解决方案在我看来很好: Mask for an Input to allow phone numbers

Html相关问答推荐

springBoot + Thymeleaf:属性中的UTF-8

卸载伪元素 destruct 了CSS

纯CSS语音气泡与半透明背景和边框

如何使用wai-aria标签访问相关的复选框?

根据按钮位置左/右对齐按钮

水平行中按钮的垂直偏移

布局更改时的转换

有没有一种方法可以提高代码中tailwind 类名的可读性?

配置了 HTML 视口的 Google Apps 脚本移动网络应用程序无法正确显示

一旦大于最大限制,JQuery 取消 Select 复选框

如何将内容放置在侧边栏旁边?

为什么 Flexbox 中相邻元素上的 flex:1 会影响另一个元素的固定宽度?

如何使用CSS Select 表亲元素

如何使背景 colored颜色 逐渐渐变成另一种 colored颜色 ?

如何更改 Quarto 中标签crossref-def-title的标题 colored颜色 ?

如何将自定义图像插入 Shiny plot header?

如何在div中设计伪元素?

无法使用 HTML 中的 Bootstrap 自上而下居中

那里有一个类似于 ?

所有幻灯片上的 Quarto RevealJS 标题