用于电话号码的自定义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){}" >

验证时工作正常，但仅适用于Numbers。 我希望这些数字专门从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}