2

是否可以在 jquerymobile 的输入字段上将模式属性与 maxlength 属性结合起来？

<input name="aNumber" type="number" pattern="[0-9]{6}" maxlength="6" placeholder="dddddd" value="">
<input name="anotherNumber" type="number" pattern="[0-9]{3,4}" maxlength="4" placeholder="ddd(d)" value="">

我希望出现大数字键盘，但只能使用pattern="[0-9]*". 不幸的是，在任何情况下都不尊重 maxlength 属性。

我想要的是出现一个数字键盘（大的一个/拨号；iPhone 显然有两个：只有数字/拨号和带有特殊字符的数字）让用户输入多达 6 个或 3 到 4 个数字字符。

编辑：应用了@raina77ow 的建议，目前可行，但仍然感觉不对，所以我愿意接受建议！

<input name="aNumber" type="tel" pattern="[0-9]*" maxlength="6" placeholder="dddddd" value="">
4

2 回答 2

1

{6} 表示正好 6 位 {0,6} 表示最少 0 位，最多 6 位

于 2014-02-07T07:38:18.657 回答
1

type="tel" 模式="{X,6}" maxlength="6"

如果您想将输入限制为严格的数字（如数学数字而不是电话号码），请使用：

模式="[0-9]{X,6}"

其中 x 是 0 到 6 之间的整数，将为您提供 X 的最小值和 6 位的最大值作为输入。

如果以这种方式键入模式，则仅对于不支持模式属性的浏览器才需要 maxlength，我会保留它。

于 2017-04-19T11:52:05.280 回答