如何在HTML输入文本中添加多个模式

Question

如何在html文本输入中使用多种模式。这样，用户可以输入1位，2位或3位数字。

1：添加'|'每个模式之间

<input type="text" name="id" id="id" maxlength="3" pattern="\d{1}|\d{2}|\d{3}" required>

结果：只能输入一位数字

2：添加“ |”在每个模式和每个模式的括号之间

<input type="text" name="id" id="id" maxlength="3" pattern="(\d{1})|(\d{2})|(\d{3})" required>

结果：只能输入一位数字

Answer 1

使用范围正则表达式代替确切的数字匹配。因此，根据您的情况，它将是\d{1,3}

RegEx中有范围选择器{m,n}。

从1到3：\d{1,3}
从2到任意一个：\d{2,}