angular6 phone number validation pattern

Question

My input field is

<input type="text"
       class="form-control"
       name="locphone"
       [(ngModel)]="locmodel.locphone"
       #locphone="ngModel"
       [ngClass]="{ 'is-invalid': f2.submitted && locphone.invalid }"
       required
       locphone
       pattern="^\s*(?:\+?\d{1,3})?[- (]*\d{3}(?:[- )]*\d{3})?[- ]*\d{4}(?: *[x/#]\d+)?\s*$" />

Phone number should be in phone number format 999-999-9999

Here how to change the pattern to support this format alone?

Ayoub k · Accepted Answer · 2018-08-29 12:13:14Z

1

^\d{3}-\d{3}-\d{4}$

valid:

123-456-7890  
333-333-4444

invalid:

1234567890  
123456789  
123-4567-890  
14157059247

test: https://www.regextester.com/94189

answered Aug 29, 2018 at 12:13

Ayoub k

9,02811 gold badges43 silver badges66 bronze badges

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

Collectives™ on Stack Overflow

angular6 phone number validation pattern

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related