这是我第一次使用该pattern属性。以下代码位于<form>标记内：
<input type="number" name="" placeholder="Number" pattern=".{12,13}" required>
我希望模式可以使数字最少为12个数字，最多为13个数字。但是，我仍然可以提交少于12个数字的表格。
您不能pattern在类型的输入上使用属性number：
<input type="number">元素不支持使用pattern属性来使输入的值符合特定的regex模式。这样做的理由是，如果数字输入中包含数字以外的任何内容，则数字输入将无效，并且您可以使用minandmax属性来限制有效数字的最小和最大数目。
如MDN所述，您可以使用min和max属性指定您的域：
<form>
<input type="number" name="number" placeholder="Number" min="100000000000" max="9999999999999" required />
<input type="submit" />
</form>或者，你可以使用一个input类型的text（它允许pattern对位），匹配（\d）：
<form>
<input type="text" name="number" placeholder="Number" pattern="\d{12,13}" inputmode="numeric" title="Your number must be 12-13 digits long" required />
<input type="submit" />
</form>本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句