如何在角度上同时验证mutliptle regx模式

时间:2017-04-04 06:06:18

标签: regex validation angular typescript

我的typescri pt中有太多的验证,你会在下面的片段中看到。他们工作正常。我的第一次验证检查从0到9,因此当用户点击“A”或字母表中的任何非数字字符时,它会给出我所描述的验证消息。

当我使用0到6的另一个验证并描述0-6的另一个验证消息并按'A'时,它给出了0 - 6的错误消息。如何让它给出确切的验证消息属于?

此致 Alper

TypeScript:

 constructor (private router: Router,private fbuilder: FormBuilder,private 
 http: Http,private titleService: Title){
 this.DIA11612Form = this.fbuilder.group({'input1': [this.formInput.input1,[
  Validators.required,
  Validators.pattern('[0-9]+'),
  Validators.pattern('[0-6]+'),
]});
}

 validationMessages = {'input1':{
   'required':'Required Area',
   'pattern':'Should be a non numeric character',
   'pattern':'Shout be between 0-6',
 }, };

Angular 2 Code HTML:

<tr><td><input type="text" class="form-control"formControlName="input1" 
 id="input1"></td></tr>
<tr><td *ngIf="formErrors.input1" class="alert alert-danger"> {{ 
 formErrors.input1 }}</td></tr> 

0 个答案:

没有答案