如何根据 angular 6 中的条件验证输入字段

Question

我有一个输入字段，它应该根据逻辑条件验证输入的文本。 它应该验证的条件是：-

1.公式中不能有空格。

2.运算符(and,or) 应为小写并包含在{} 中。

3.打开（和关闭）的数量将相等。

4.所有输入的task_id都应该出现在taskList数组中。

5. 不应该接受没有重复的 task_id。

示例：- (task_1{and}task_2){or}task_3

 let taskList = ['task_1', 'task_2', 'task_3', 'task_4', 'task_5']; let myModel = ''; onBlurMethod(){ }

 <input type="text" [(ngModel)]="myModel" (blur)="onBlurMethod()">

我有一个包含 tasks_id 的数组，如果不满足条件，它应该抛出错误。 我尝试使用正则表达式。

Answer 1

您可以使用 angular forms https://angular.io/guide/forms-overview

.component.html

 <form [formGroup]="loginForm" (ngSubmit)="onBlurMethod()"> <nav for="userName" class="textinput"> <input type="text" formControlName="myModel" class="form-control" /> </nav> </form

.component.ts

  loginForm: FormGroup;
  constructor(
    private http: HttpClient,
    private locationService:LocationService,

    private formBuilder:FormBuilder
    ) { 
      this.loginForm = this.formBuilder.group({
        myModel: ['', Validators.required,Validators.pattern("")],
      });
    }
  onBlurMethod(){
    console.log(this.loginForm.value.myModel);
  }

在Validators.pattern("")您可以编写模式

因为，我不理解您的验证逻辑，但如果有任何疑问，请随时提出您的疑问。 稍后，如果您在查询中添加更多信息，我可以添加更多详细信息，谢谢