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" pattern="{X,6}" maxlength="6"

入力を厳密に数字 (電話番号ではなく数学の数字など) に制限したい場合は、次のようにします。

パターン="[0-9]{X,6}"

x は 0 から 6 までの整数で、最小 X と最大 6 桁の入力を取得します。

この方法でパターンを入力すると、パターン属性をサポートしていないブラウザーでのみ maxlength が必要になります。

于 2017-04-19T11:52:05.280 に答える