電話番号用のカスタムhtml5検証正規表現

Question

私は、ユーザが自分の電話番号を入力する必要があるfromを持っています。

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

だけの数字のために検証する際には正常に動作します。 数字はUAE番号に限定されているため、具体的には971から始めることをお勧めします。どのように私は

Answer 1

てみてください最初はその数を追加することを行うと（あなたはそれが971から特異的開始したい場合は、これは動作します出現数

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" 
 
\t \t \t \t \t \t \t \t \t \t \t \t \t \t 
 
\t \t \t \t \t \t \t \t \t \t \t \t required oninvalid="setCustomValidity('Please enter a valid phone number.')" onchange="try{setCustomValidity('')}catch(e){}" >

Answer 2

を減らすことができます10桁の数字を仮定）

971[0-9]{7}