电话号码的自定义html5验证正则表达式

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

Answer 1

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){}" > 

Answer 2

如果您要从971开始，则可以使用（假设10位数）

971[0-9]{7}