收藏
回答

form 表单的submit会失效,复现率100%

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug form表单 客户端 6.7.2 2.2.5

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

button 的submit事件失效


- 预期表现

点击button应该正常触发submit事件


- 复现路径

两个连续的textarea,先输入下方的textarea,然后输入上方的textarea,ANDROID手机submit事件100%失效




- 提供一个最简复现 Demo


<form bindsubmit="formSubmit">

<textarea name='sell_address' class="weui-textarea" placeholder="请输入售楼地址"  />

<textarea name='intro'  class="weui-textarea" placeholder="请输入楼盘地址"  />

<button formType="submit" >保存房源</button>

</form>



Page({


data: {

    

},


formSubmit: function (e) {

//按照复现路径,无法触发

console.log('form发生了submit事件,携带数据为:', e.detail.value)

},


})


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

18 个回答

  • cunjinli
    cunjinli
    2018-09-18

    问题已复现,我们修复一下。

    2018-09-18
    赞同
    回复
  • 社区技术运营专员-娇华
    社区技术运营专员-娇华
    2018-09-17

    你好,问题已复现,我们会尽快进行修复。

    2018-09-17
    赞同
    回复 20
    • YanG
      YanG
      2018-10-17

      你好,这个问题修复进度怎么样了呢?  这个错误有点严重啊

      2018-10-17
      回复
    • 社区技术运营专员-娇华
      社区技术运营专员-娇华
      2018-10-18回复YanG

      这个会跟着近期发布的客户端版本

      2018-10-18
      回复
    • 镜面人
      镜面人
      2018-10-22回复社区技术运营专员-娇华

      还是存在问题,请问什么时候能修复

      2018-10-22
      回复
    • 社区技术运营专员-娇华
      社区技术运营专员-娇华
      2018-10-22回复镜面人

      问题已经修复的,但是要跟着近期发布的客户端版本上

      2018-10-22
      回复
    • Vincent 罗
      Vincent 罗
      2018-11-02

      能不能早点发布啊,基本的form submit都用不了,影响太大了。

      2018-11-02
      回复
    查看更多(15)
  • 杨勇
    杨勇
    2018-11-19

    我这里表现是iphone6 , ios 12版本表单基本不可用;

    微信版本:6.3.2


    现象1:即使用户正常从上往下填写表单(全是input,就4个普通输入框),点击submit提交按钮,同样不触发;但是,只需要当用户点击第二个input的时候,失去焦点,然后莫名其妙的居然就提交了,连表单按钮都不用点击;

    现象2:用户正常往下填写表单,在未点击提交按钮的时候,重新对第二个input获取焦点,失去焦点,不用修改值;点击提交按钮,可以正常提交


    建议一:官方给个开发人员的解决方案,官方能不能给个可以让开发人员直接绕过这个bug的方案,而不需要等官方发版,因为即使官方发新版微信版本,用户不一定会立马升级,大部分用户不会立马升级,在一部分用户手上,这个问题依然存在;所以直接办法还是开发人员绕过去才能解决问题


    建议二:像提交表单这么基础的能力,为什么需要封装的那么彻底,封装的彻底可以,是不是还可以提供一个不那么彻底的办法,让开发人员可以自己去搞;例如:

    <script>

    function submitForm(e){

        var form = new Form("#formId");

        //表单数据

        var formData = form.getData();

        //或者可以让开发人员自己去获取表单组件的值;

        var inputVal = inputControl.getValue();

        wx.request({

              

        });

    }

    </script>


    建议三:开源表单,表单组件封装的js代码,让开发人员可以自己调试,自己解决;封装表单理论上不涉及安全性问题,进行加密保护


    2018-11-19
    赞同 1
    回复 6
    • Link
      Link
      2018-11-19

      小程序是从 6.5.2 开始支持的,请确认下版本号

      2018-11-19
      回复
    • cunjinli
      cunjinli
      2018-11-19

      现象1:即使用户正常从上往下填写表单(全是input,就4个普通输入框),点击submit提交按钮,同样不触发;但是,只需要当用户点击第二个input的时候,失去焦点,然后莫名其妙的居然就提交了,连表单按钮都不用点击;

      这个可以给个代码片段么?

      https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html


      2018-11-19
      回复
    • 杨勇
      杨勇
      2018-11-19回复Link

      今天刚升级了微信客户端版本至最新版(6.7.3),代码没动,直接就好了

      我上一个微信版本是6.7.2,存在这个问题

      ios 6, ios 12, 微信版本: 6.7.2 存在问题;

      6.7.3的版本不存在此问题

      2018-11-19
      回复
    • Leon
      Leon
      2018-11-23回复Link

      依然是有問題,只要鍵盤沒彈出,直接滑動100%出現6.7.3、6.7.4都有

      2018-11-23
      回复
    • 岚枫
      岚枫
      2018-12-03回复Link

      现在问题手机多的去了,一个最基础的东西还这么多bug,不知道搞的什么事咯。还封装的这么严格。有毛线用啊

      2018-12-03
      回复
    查看更多(1)
  • 亚饼
    亚饼
    2018-11-07

    请问什么时候修复哇,被推广团队怼死了,人家推广数量跟业绩挂钩的,结果一进来就死掉了.......

    2018-11-07
    赞同 1
    回复
  • 吴建国
    吴建国
    01-09

    这个BUG什么时候修复啊?急等!

    01-09
    赞同
    回复
  • 黄昏
    黄昏
    2018-12-18

    这是一个修不好得bug吗

    2018-12-18
    赞同
    回复
  • 丿古道森森
    丿古道森森
    2018-12-04

    怎么还没有解决啊

    2018-12-04
    赞同
    回复
  • 木头人
    木头人
    2018-11-30

    这个问题还存在,我也遇到了

    2018-11-30
    赞同
    回复 6
    • Brightfly
      Brightfly
      2018-11-30

      别等了,自己写吧

      2018-11-30
      回复
    • 木头人
      木头人
      2018-12-04回复Brightfly

      我已经改了

      2018-12-04
      回复
    • 丿古道森森
      丿古道森森
      2018-12-04

      怎么解决的?


      2018-12-04
      回复
    • 木头人
      木头人
      2018-12-05回复丿古道森森

      表单内容改成bindblur或者bindinput获取,表单提交不要通过submit,直接通过bindtap触发请求,

      2018-12-05
      回复
    • 丿古道森森
      丿古道森森
      2018-12-05回复木头人

      好的,多谢多谢,我也是这么想的,已经这么改完了

      2018-12-05
      回复
    查看更多(1)
  • LuP_LinG
    LuP_LinG
    2018-11-23

    同问 我的是iOS12 iPhone7,开发者工具中没啥问题 手机上就是不行,老抽风

    2018-11-23
    赞同
    回复 2
    • 杨勇
      杨勇
      2018-11-26

      开发工具上js执行引擎和手机上的执行引擎不一样,以手机为准; 有人说ios上需要填完一个东西后,点击键盘上面的done才可以,貌似通过这个方式可以解决

      2018-11-26
      回复
    • LuP_LinG
      LuP_LinG
      2018-11-27

      操作太麻烦,我自己写个保存按钮得了

      2018-11-27
      回复
  • 林桂锋
    林桂锋
    2018-11-22

    苹果6 ios12微信版本6.7.4也出现这个问题,表单提交无效,打印不出来。从上往下填写表单,打乱顺序填写表单都不行


    2018-11-22
    赞同
    回复 7
    • Pzl
      Pzl
      2018-11-22

      我已经找到解决方法了

      2018-11-22
      回复
    • Pzl
      Pzl
      2018-11-22回复Pzl

      你写一个表单 必须点击软键盘右下角的那个完成 才可以最后提交

      2018-11-22
      回复
    • Pzl
      Pzl
      2018-11-22回复Pzl

      没写一个 就要点一次完成 安卓就不用

      2018-11-22
      1
      回复
    • 林桂锋
      林桂锋
      2018-11-22回复Pzl

      厉害啊,兄弟,这都能发现

      2018-11-22
      回复
    • Pzl
      Pzl
      2018-11-22回复林桂锋

      你试没呢 我的这么弄就能交上去了

      2018-11-22
      回复
    查看更多(2)

正在加载...