移动端input只调起数字键盘

2,048 阅读1分钟

iOS端,Android只要调起数字键盘

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

type 是number的时候 maxlength 不生效问题

<input type="tel" pattern="[0-9]*" />
  • type 改成tel, 会引起键盘出现* # 等特殊字符
<input type="tel" pattern="[0-9]*" @change="valuechange" @input="valueChange" />

functiuon valueChange(event){'
    let value = event.target.value
    if(!!value && !value.match(/^[1-9]\d*$/) ){
        new Toast('数字不合法‘)
        return 
    }
    
}