使用Regex的Angular反应形式的模式验证器

问题描述

我的要求是，当表单控件“名称”包含关键字“ 用户”（不区分大小写）时，添加一个会产生错误“名称无效”的Angular反应形式模式验证器。 / p>

这是我的表单组

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>
        

我研究了具有相似上下文的堆栈中的多个答案，但似乎找不到我在做什么错。任何帮助表示赞赏。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）