美文网首页
input type="number",ios不生效问题

input type="number",ios不生效问题

作者: 王芊芊 | 来源:发表于2020-08-12 10:21 被阅读0次
    <input type='number' pattern="[0-9]*"/>
    

    加上pattern="[0-9]*"之后在ios就只能弹出数字键盘,不能输入其他。
    在Android中还是可以输入 . - + 等符号,需要js监听input事件,使用正则replace,还要注意用trim()去除空格

    // 最近项目中用到的记录一下
    (1)姓名只允许输入字母+汉字
    value.trim().replace(/[^\a-zA-Z\u4E00-\u9FA5]/g, '')
    (2)只允许输入数字
    value.trim().replace(/[^\d]/g, '')
    

    借鉴于:
    作者:Object
    链接:https://www.jianshu.com/p/0e2925e66c54
    来源:简书
    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

    相关文章

      网友评论

          本文标题:input type="number",ios不生效问题

          本文链接:https://www.haomeiwen.com/subject/cprpdktx.html