正则表达式不在数字输入字段中工作

Question

我正在尝试使用此html代码将输入字段限制为九位数规则，最大值可能为999999999。

<input name="field" type="number" max="999999999" pattern=".{9,9}">

但是这段代码会检查最大值，但会允许这样的内容：

9
999 
9999
99999

当应该允许的是：

123456789
111111111
789531156

有什么问题？

我只对html5解决方案感兴趣。

Answer 1

pattern属性似乎不适用于“数字”类型的输入（至少在Chrome中）。但是，您可以像这样设置最小值：

<input name="field" type="number" max="999999999" min="100000000">

或使用像这样的简单“文本”输入：

<input name="field" type="text" pattern="\d{9}">

Demonstration