仅适用于7或10个数字的HTML5表单模式

Question

我需要一个模式的学生身份证，必须是7或10位长。

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

我明白了，但很明显，这是在7-10之间，而不是7/ 10

我试过pattern="[0-9]{7|10}"，那也不起作用。

有什么想法吗？

Answer 1

您可以使用^(\d{7}|\d{10})$"精确地得到7或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。