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

    xiaoxiao2023-10-28  116

    微信小程序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>
    最新回复(0)