Custom html5 validation regex for phone numbers

Question

I have a from in which user has to enter his phone number.

<input id="username" title="Please enter valid phone number " maxlength="10"  pattern="[0-9]{10}" name="phone"  size="20"
														
												required oninvalid="setCustomValidity('Please enter a valid phone number.')"    onchange="try{setCustomValidity('')}catch(e){}" >

It works fine when validating but only for Numbers. I want the numbers to be specifically starting from 971 as it is limited to UAE numbers only. How can I do that

Saif · Accepted Answer · 2016-04-19 12:21:08Z

2

Try adding that number at first and reduce the occurrence number

pattern="971[0-9]{7}"

<input id="username" title="Please enter valid phone number " maxlength="10"  pattern="971[0-9]{7}" name="phone"  size="20"
														
												required oninvalid="setCustomValidity('Please enter a valid phone number.')"    onchange="try{setCustomValidity('')}catch(e){}" >

answered Apr 19, 2016 at 12:21

Saif

7,1028 gold badges43 silver badges62 bronze badges

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

1 Comment

Sagar Gajara Over a year ago

Got it ! Thanks :)

rock321987 · Accepted Answer · 2016-04-19 12:24:20Z

1

If you want it starting specifically from 971, then this will work(assuming 10 digits of number)

971[0-9]{7}

answered Apr 19, 2016 at 12:24

rock321987

11.1k1 gold badge34 silver badges44 bronze badges

1 Comment

Sagar Gajara Over a year ago

The above answer worked and yours is also correct .. Thank you :)

Collectives™ on Stack Overflow

Custom html5 validation regex for phone numbers

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related