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

时间:2012-06-29 15:48:54

标签: javascript html regex jquery-mobile

是否可以在jquerymobile中的输入字段上组合pattern属性和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个数字字符。 / p>


编辑:应用@ raina77ow的建议并且暂时有效,但仍然感觉不对,所以我愿意接受建议!

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

2 个答案:

答案 0 :(得分:0)

{6}表示正好是6位数 {0,6}表示最小0位和最多6位

答案 1 :(得分:0)

type =“tel”pattern =“{X,6}”maxlength =“6”

如果您想将输入限制为严格的数字(如数学编号而非电话号码),请使用:

图案= “[0-9] {X,6}”

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

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

相关问题