将模式与输入字段的最大长度相结合

Combine pattern with maxlength of input field

本文关键字：相结合模式输入字段更新时间：2023-09-26

是否可以在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="">

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

type="tel" pattern="{X，6}" maxlength="6"

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

pattern="[0-9]{X，6}"

其中 x 是介于 0 和 6 之间的整数，将为您提供最小 X 和最多 6 位数字的输入。

如果你以这种方式键入模式，你只需要不支持模式属性的浏览器的最大长度，我会保留它。