微信小程序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>