收藏
回答

小程序 IOS端从通讯录中复制粘贴手机号码有特殊符号的问题

框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 Bug input 客户端 iOS 6.7.1 2.2.0

从IOS通讯录中复制电话号码粘贴到input中,前后带有隐藏特殊符号,导致电话号码验证错误。有遇到过的同学吗?有解决办法吗?


还原测试方法

< input  name = 'PhoneNumber'  type = 'number'  placeholder = "请输入手机号"  / >

从IOS通讯录中复制电话号码后,一位位的删除内容,删除到第一位的时候, placeholder 内容不会显示出来,再删除一位, placeholder 显示出来。


最后一次编辑于  2018-07-24
回答关注问题邀请回答
收藏

3 个回答

  • 工号 9527
    工号 9527
    2018-07-24

    做个正则过滤不就好了?

    2018-07-24
    有用
    回复 6
    • Empty
      Empty
      2018-07-25

      是的,但是在知道引发问题的原因前,不知道踩的是什么坑。你这不是事后诸葛亮吗?

      2018-07-25
      回复
    • 工号 9527
      工号 9527
      2018-07-25回复工号 9527

      本来你就需要考虑到校验,你不做校验,用户输个a可以不

      2018-07-25
      回复
    • 心叶
      心叶
      2018-07-25回复工号 9527

      type="number" 用户能粘贴非数字字符进去?

      2018-07-25
      回复
    • 阿Q
      阿Q
      2018-07-25回复心叶

      这个type类型是调用起键盘显示文本或数字的来进行输入的,用户直接粘贴不一定会弹出键盘,建议做个失去焦点的事件 直接reg

      2018-07-25
      回复
    • Empty
      Empty
      2018-07-25回复阿Q

      牛逼的问题就是,用户粘贴进去后,特殊符号是不可见不占位的。IOS11的坑,可以详细了解这里:https://github.com/zwwill/blog/issues/12

      2018-07-25
      回复
    查看更多(1)
  • Light
    Light
    2018-11-05

    最后用

    replace(/[^\d]/g,'')

    过滤了非法字符,然后再进行正则校验,可以了。

    2018-11-05
    有用 1
    回复
  • 是小白啊
    是小白啊
    2018-07-24

    你好暂无复现你的问题,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2018-07-24
    有用
    回复 9
    • Empty
      Empty
      2018-07-24

      抱歉,问题很简单但是不好提供代码片段,只能提供问题重现流程了。


      1、小程序页面组件

      < input  name = 'PhoneNumber'  type = 'number'  placeholder = "请输入手机号" / >


      2、苹果6手机,通讯录复制手机号码方式(重点就是这个复制方式)。


      3、粘贴到input后,可以判断长度检查发现问题,或者一位一位的删除查看placeholder 状态。

      2018-07-24
      回复
    • 是小白啊
      是小白啊
      2018-07-24回复Empty

      按照你的提供的代码以及测试方法,没有复现问题,你所说的长度有问题指的的是长度为13吗?

      2018-07-24
      回复
    • Empty
      Empty
      2018-07-24回复是小白啊

      粘贴手机号码长度应该是11,你测试出长度为13了?那就是前后有特殊符号占位了嘛。

      2018-07-24
      回复
    • 是小白啊
      是小白啊
      2018-07-24回复Empty

      不是的,是因为苹果的手机号格式为3-4-4之间有的-这符号所导致的,暂时没发现你的所说的占位符的问题

      2018-07-24
      回复
    • Empty
      Empty
      2018-07-24回复是小白啊

      尴尬了,不是这个-的问题,你那边有测试placeholder状态吗?回头我试试录一个gif重现问题吧。

      2018-07-24
      回复
    查看更多(4)
登录 后发表内容