如何处理角形验证中的特殊情况？

Question

我有一个电话字段，其中两种格式是有效的- "123-456-7890“和"+01 123-456-7890”。我有一个模式来处理第二个案例Validators.pattern(/(\+\d{2})?\d{3}[\-]?\d{3}[\-]?\d{4}/)，但是如何使第一个案例也可以接受呢？从文档中可以看出，验证器只支持&&条件，而不支持||条件。我是不是遗漏了什么？

此外，如果该字段尚未满足验证标准，并且在此过程中不使用弹出窗口，我希望使字段变红，因为它正在被输入它。然后当他离开田野时，它就会保持红色。然后，只有当表单提交时，它才会列出所有错误的字段。有办法吗？

Answer 1

将regex更新到/^(\+?\d{2}\s)?\d{3}[\-]?\d{3}[\-]?\d{4}$/将有效，并且如果您希望在国家代码之后成为可选空间，请使用此/^(\+?\d{2}\s?)?\d{3}[\-]?\d{3}[\-]?\d{4}$/。