微信小程序form表单的bindsubmit不生效bug

博客聚焦微信小程序form标签,当使用bindsubmit属性获取事件时遇到问题。背景是提交form表单时想获取用户formId,原因是form子标签中超过1个input标签有auto - focus属性,解决方案是只留一个或全部删除该属性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

微信小程序form标签,bindsubmit属性获取不到事件,问题及原因如下:

背景:

想在form表单提交的时候获取一个用户的formId。(其他场景也适用,只是我是在这个时候遇到的)

原因:

form标签的子标签中,存在input标签,有超过1个input标签存在auto-focus属性,就会导致获取不到。
举例如下:

<form bindsubmit="onClickApply" report-submit='true'>
      <view class="row">
              <input placeholder="请输入" auto-focus/>
              <input placeholder="请输入" auto-focus/>
      </view>
      <button class="apply" form-type="submit">申请</button>
</form>
解决方案:

将子标签中auto-focus属性只留下一个,或者全部删除(根据业务)。

<form bindsubmit="onClickApply" report-submit='true'>
      <view class="row">
              <input placeholder="请输入" auto-focus/>
              <input placeholder="请输入"/> // 删除一个
      </view>
      <button class="apply" form-type="submit">申请</button>
</form>
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值