Angular Validation not working for pattern attribute

Question

I am trying to test validation on this control but when I take the digits down to 9 and back to 10 the validation is still invalid.

<input type="tel" #phone="ngModel" required pattern="^\d{10}$" class="form-control" [class.is-invalid]="phone.invalid && phone.touched" name="phone" [(ngModel)]="userModel.phone">

Aarsh · Accepted Answer · 2018-10-01 04:21:29Z

2

You have to use pattern attribute like this ::

<input [name]="fullName" pattern="[a-zA-Z ]*" ngModel>

More information about pattern validator ::

https://angular.io/api/forms/PatternValidator

https://www.concretepage.com/angular-2/angular-2-4-pattern-validation-example

answered Oct 1, 2018 at 4:21

Aarsh

2,6152 gold badges18 silver badges35 bronze badges

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

Collectives™ on Stack Overflow

Angular Validation not working for pattern attribute

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related