Angular 4 : Validators.pattern() not working

Question

i am trying to validate input type="text" using pattern , i want only text.

Component :

this.from = this.fb.group({
  name: ['',Validators.required,Validators.pattern('^[a-zA-Z]+$')],
});

Html :

<input type="text" formControlName="name"/>

I have have also tried :

this.from = this.fb.group({
    name: ['',Validators.required,Validators.pattern(/^[a-zA-Z]+$/)],
});

with no effect. Angular 4

I think your required is useless since your pattern must match at least 1 character (the plus sign) — ADreNaLiNe-DJ
– ADreNaLiNe-DJ, Commented Oct 24, 2017 at 13:50
@ADreNaLiNe-DJ I need it because without it starts other backend checks. When I type in input I got ERROR Error: Expected validator to return Promise or Observable. — IntoTheDeep
– IntoTheDeep, Commented Oct 24, 2017 at 13:52
So you can update the question with the error message. It can be useful to help you. — ADreNaLiNe-DJ
– ADreNaLiNe-DJ, Commented Oct 24, 2017 at 13:56

IntoTheDeep · Accepted Answer · 2017-10-24 13:59:11Z

2

Solved by adding validators in one array with []:

this.from = this.fb.group({
    name: ['',[Validators.required,Validators.pattern(/^[a-zA-Z]+$/)]],
});

answered Oct 24, 2017 at 13:57

IntoTheDeep

4,12715 gold badges46 silver badges87 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

It's an array( []) not an object ({}).