HTML5フォームパターン7または10の数字のみ

Question

学生IDのパターンは、7桁または10桁でなければなりません。

pattern="[0-9]{7,10}" 

私はこれを得ましたが、明らかにこれは7-10ではありません7 | 10

私はpattern="[0-9]{7|10}"を試しましたが、これも動作しません。

アイデア？

Answer 1

正確に7桁または10桁を取得するには、^(\d{7}|\d{10})$"を使用します。

例スニペット：

document.getElementById('textbox').onkeyup = function(){ 
 
    document.getElementById('count').innerHTML = this.value.length; 
 
};

<p> 
 
    <span>Character Count</span> 
 
    <span id="count"></span> 
 
</p> 
 

 
<form> 
 
  <input id="textbox" type="text" pattern="^(\d{7}|\d{10})$" required /> 
 
</form> 
 

 
<p>Press Enter to check validation</p>

Answer 2

代わりに[0-9]{7}([0-9]{3})?を使用してください。これにより、7桁のベースとオプションの余分な3桁がカウントを10に設定します。