regex - 使用正则表达式的 Angular 响应式表单中的模式验证器
问题描述
我的要求是添加一个 Angular 反应式模式验证器,当表单控件“名称”包含关键字“用户”(不区分大小写)时,它会产生错误“名称无效”
这是我的表单组
new FormGroup({
name: new FormControl('', [Validators.required, Validators.pattern('/user/i')]),
userType: new FormControl('', [Validators.required]),
})
HTML 部分
<input
type="text"
class="form-control"
id="name"
aria-describedby="yourName"
formControlName="name"
/>
<div class="error-msg" *ngIf="testForm.get('name').hasError('required') && testForm.get('name').touched">
Name is required
</div>
<div class="error-msg" *ngIf="testForm.get('name').errors?.pattern && testForm.get('name').touched">
Name is invalid
</div>
我用或多或少相似的上下文研究了堆栈上的多个答案,但似乎找不到我在这里做错了什么。任何帮助表示赞赏。
解决方案
推荐阅读
- docker - 在 GitLab runner 的 docker 容器中运行 Kubernetes?
- fedora - Yum install 无法在旧的 fedora-15 上运行
- python - 如何使该模块运行,用户按下按钮并关闭主模块并运行我导入的另一个模块
- go - 当订阅失败时,go 客户端返回 nil
- python - 过滤人员姓名并在前端显示人员列表
- java - 如何检查android设备是否支持camera2或cameraX视频稳定的OIS或EIS
- r - 如何保存文件以便能够使用“data()”加载它,例如 data(iris)?
- c# - 当在键入时打印行时,输入的文本被拉入
- javascript - 如何使用 ngx-print 从子组件打印画布?
- python - 当我在主机操作系统中自由使用鼠标时,虚拟机(hyper-v)可以使用 pyautogui 以编程方式控制其鼠标吗?