2017-07-02 48 views
-1

我只想在输入字段中使用数字。如何让手机键盘这样的屏幕https://drive.google.com/drive/folders/0B0eU9chNlIdabU1VTWQycy1mb3M?usp=sharing如何仅允许手机键盘上的数字

INPUTMODE = “数字” 不工作:(

$('.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">

+2

类型= “数字” 做工作 –

回答

0

只需使用type="number"属性上只有数字(iOS和Android) on Input element。

0

给您的输入添加一个图案,类似于下面提到的图案 pattern ='[0-9] *'

0

你应该使用Type=tel这样的:

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