收藏
回答

pc版小程序input输入限制的问题,大家是怎么解决的?

比如,input type=number的情况下,在手机上只有数字键盘,但是在pc上,可以任意输入,那么pc端可以打开小程序后,是不是每个输入框都要手动做验证?有没有什么好的解决方法或建议?

最后一次编辑于  2020-05-20
回答关注问题邀请回答
收藏

5 个回答

  • 猛男陈阔
    猛男陈阔
    2020-05-20

    bindinput 里面做监听拦截 这是一个方案

    2020-05-20
    有用 3
    回复 2
    • 冯
      2020-05-20
      谢谢
      2020-05-20
      回复
    • 猛男陈阔
      猛男陈阔
      2020-05-21回复
      觉得我的回答对您有帮助的话,点个有用吧 谢谢
      2020-05-21
      回复
  •  
     
    2020-05-20

    这个确实需要自己手动过滤,因为这个问题不止在pc端存在,在部分手机上也存在。

    微信小程序的 type,文档也有说明

    设置的 type 只是弹出某种键盘(貌似微信的做法是除 text 外,全部使用他自己自定义的键盘),而不是只让输入某种类型。

    我建议手动过滤的原因是

    由于各种系统限制问题,微信小程序无法保证弹出的是他自己的自定义键盘,比如 ios 中你就可以切换成别的键盘(安卓中大部分不能切换)

    但是在安卓中,因为输入框可以复制粘贴,所有也有可能弹出的是一个数字键盘,但是我复制一段文字粘贴进去,从而导致输入的不是数字

    2020-05-20
    有用 1
    回复 1
    • 冯
      2020-05-20
      还是要自己写验证规则了,受教了,谢谢!
      2020-05-20
      回复
  • Admin ²º²³
    Admin ²º²³
    2020-05-20

    bindinput里面过滤掉非数字值?

    2020-05-20
    有用
    回复 1
    • 冯
      2020-05-20
      数字输入可以输入文本,数字输入框禁止文本输入,除了手动正则,大佬有好办法?
      2020-05-20
      回复
  • 哇咔咔
    哇咔咔
    2020-05-20

    如果后台没有验证,提交的时候再用正则验证一下呗

    2020-05-20
    有用
    回复
  • Xavier
    Xavier
    2020-05-20

    如果官方能从底层优化就好了,期望官方尽快把pc小程序兼容做好吧。

    2020-05-20
    有用
    回复 1
    • 冯
      2020-05-20
      期待官方出一套带基础验证的表单组件,在这之前还是手动写吧,一天的活可以干两天了^0^
      2020-05-20
      回复
登录 后发表内容
问题标签