[bug]表单中存在连续数字类input时表单提交有问题
发布于 5 年前 作者 motao 12199 次浏览 来自 问答
  • 当前 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>


4 回复

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

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

实际测试发现:

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

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

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

@ Link

回到顶部