iOS上数字键盘、小数点键盘

October 26, 2020

pattern 属性

<input pattern="[0-9]*" type="text">

inputModel 属性

纯数字的键盘，可以指定 type='tel'

带小数点的，可以通过type="number" inputmode="decimal"来限制键盘，对于验证格式是否正确，则通过js来控制,例如:

<input type="number" inputmode="decimal" class="input-keyup-decimal" />/

var numberReg =  /^-?\d+\.?\d*$/; // 数字,允许小数，但是不允许空
$('.input-keyup-decimal').keyup(function (e) {
    textVerification(numberDecimalReg,$(this),"必须输入数字");
});

参考:
https://css-tricks.com/finger-friendly-numerical-inputs-with-inputmode/