電話機のキーボードで数字だけを許可する方法

Question

入力フィールドに数字だけを使用したいとします。 https://drive.google.com/drive/folders/0B0eU9chNlIdabU1VTWQycy1mb3M?usp=sharing

INPUTMODE = "数値" が動作しません。この画面上のような電話のキーパッド上の数字（iOSとAndroidの）のみを許可する方法:(

$('.input-number').on('input', function (event) { 
 
    this.value = this.value.replace(/[^0-9]/g, ''); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input class="input-number" type="text" maxlength="5" inputmode="numeric">

Answer 1

だけtype="number"属性を使用しますon Input element。

Answer 2

入力に以下のようなパターンを追加します。 pattern = '[0-9] *'

Answer 3

あなたはこのようなType=tel使用する必要があります。

<input type="tel" pattern="[0-9]{10}" name="tel" title="Phone Number?!?!"/>