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

Question

我有一个用户必须在其中输入他的电话号码。

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

验证时效果很好，但仅适用于数字。 我希望这些数字特别从 971 开始，因为它仅限于阿联酋数字。我该怎么做呢

Answer 1

尝试先添加该数字并减少出现次数

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}