收藏
回答

[bug]表单中存在连续数字类input时表单提交有问题

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug input[type=number/digit] 客户端 6.7.4 2.4.0

- 当前 Bug 的表现(可附上截图)

当表单(form)中有两个连续数字类input组件(即input的type属性为digit或number)时,表单里的button submit无效(bindtap事件有效),此问题只在真机环境出现,开发者工具中正常。


- 预期表现


预期表单正常提交


- 复现路径


- 提供一个最简复现 Demo


由于无法在开发工具中重现,这里把简单的测试代码贴出来



<template>
  <view style="margin-top: 200rpx;">
    <form bindsubmit="onSubmit">
      <input type="digit" name="field1" placeholder="请输入数字1"></input>
      <input type="digit" name="field2" placeholder="请输入数字2"></input>
      <button type="warn" formType="submit" bindtap="onTap">提交</button>
    </form>
  </view>
</template>
<script>
  import wepy from 'wepy'
  export default class DemoPage extends wepy.page {
    data = {
    }
    methods = {
      onSubmit(e) {
        console.log('onSubmit Form : ', e.detail)

      },

     onTap(e) {

       console.log('onTap :', e)

     }

    }
  }
</script>



最后一次编辑于  2018-11-21  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

4 个回答

  • 黄思程
    黄思程
    2018-11-23

    是form-type ,不是formType。我用form-type试了ok

    2018-11-23
    赞同
    回复 1
    • 马农™
      马农™
      2018-11-24

      form-type 和formType都不行,这两个我都试过,你们文档里用的是formType,不用纠结这个细节吧。

      2018-11-24
      回复
  • 娇华
    娇华
    2018-11-21

    如果不使用wepy框架,用原生的方法实现是否存在问题?

    2018-11-21
    赞同
    回复 3
  • Allen Lau
    Allen Lau
    2018-11-24

    @娇华

    https://developers.weixin.qq.com/community/develop/doc/0002ccc83083180810b768dcf51800?highLine=%25E8%25A1%25A8%25E5%258D%2595%25E6%258F%2590%25E4%25BA%25A4


    和这个类似

    2018-11-24
    赞同
    回复
  • 马农™
    马农™
    2018-11-20

    实际测试发现:

    1. 仅当存在连续的数字类input时表单提交有问题;

    2. 不连续的数字类input可正常提交

    3. 给button绑定tap事件可正常触发,但form submit事件无效


    @ Link

    2018-11-20
    赞同
    回复 1
    • 轻描余殇
      轻描余殇
      2018-11-21

      我也是遇到了这个问题,感觉好尴尬.........安卓上流程的一匹,到IOS上 还针对部分机型,一些正常一些不正常..........

      2018-11-21
      1
      回复