Trying to set up Angular 2 input validation that requires specific patterns

Question

I'm trying to set up input validation in Angular 2. I'm unsure how to create a regular expression pattern to the validators.pattern

Pattern should look like any of these: 1M01, 12M12, 2M04, 2M04a, 2M04b, 2M04aa, 2M04ba.

For example 1M01 as pattern

pattern: any = '[0-9]{1}[M]{1}[0-9]{1}[0-9]{1}'
cuenumber: any = new FormControl('', [Validators.required, 
                                Validators.pattern(this.pattern)
                                ]);

Titch · Accepted Answer · 2018-11-19 17:41:54Z

2

You did it right, it does not work ? Try this :

const myPattern: string = '[0-9]{1}[M]{1}[0-9]{1}[0-9]{1}';
this.heroForm = new FormGroup({
    'name': new FormControl('', [
        Validators.pattern(myPattern)
    ])
});

answered Nov 19, 2018 at 17:41

Titch

811 silver badge3 bronze badges

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

Comments

Saloni shah · Accepted Answer · 2018-12-24 06:37:42Z

0

Try This,

 <input class="form-control"  #EmpCode="ngModel" [(ngModel)]="EmpCode" name="EmpCode"
  type="text" value="" pattern="EmpCodePattern">

EmpCodePattern: any = '[0-9]{1}[M]{1}[0-9]{1}[0-9]{1}'

answered Dec 24, 2018 at 6:37

Saloni shah

596 bronze badges

Collectives™ on Stack Overflow

Trying to set up Angular 2 input validation that requires specific patterns

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related