Angular 7-(模糊)验证

时间:2019-04-17 08:41:04

标签: html typescript angular7

我有一个加载页面加载的个人列表。我有一个type = number框,用于根据个人经历搜索个人,并过滤列表。搜索需要确认只能接受到2个小数位的正数。它使用(blur)="YearsOfExperienceRequired($event.target.value)"在我的html文件中传递值

我的ts。筛选列表的文件是

 YearsOfExperienceRequired(value) {
    if (value>0) {
      this.selectedExperience = value;
    }
    else {
      this.selectedExperience = 0;
    }
    this.FilterUsers();
  } 

我已经尝试了在整个项目的其余部分使用html文件中的GetFormControl()进行验证的方法,在ts文件中,我创建了Builform()并添加了我的验证器

  <input type="number" class="form-control" (blur)="ExperienceRequired($event.target.value)" /

这是我对体验搜索的输入

<p *ngIf="GetFormControl('firstName').touched && GetFormControl('firstName').hasError('required')" class="text-danger"> First Name Required</p>

这是我到目前为止一直在使用的验证,由于(blur)在验证之前运行,因此未实现

我希望在框中输入一个数字,如果该数字(-)或具有三个+小数位,则不应过滤列表并抛出错误,指出搜索规则。例如2.5应该被接受。 3.566或-6.2年不应该

0 个答案:

没有答案