像上面这样的,使用form表单结构不太合理。官方文档中 wx.createSelectorQuery() 方法我这里总是打印不出值,所以只好通过输入框的事件来做判断,因为提交时,上面所有的输入框都是要有值的,也就意味着这些输入框都会使用到 input 事件。
思路:
- 假设后台接口返回了表格中的数据,我们在Page 下的 data 中存为 list: []。再定义一个变量 submitData, 用来存放每条数据中输入框输入的数据和输入状态(输入框是否有值)。
- 里面有多少个输入框,就给多少个输入框设置一个变量,变量值为 false 时表示输入框没有值。
- 这里有两种类型,所以每条数据要定义两个变量,一个变量 isBottleNum 表示实收瓶数的输入框,一个变量 "isBoxNum" 表示实收箱数的输入框。
- 根据后台返回的表格数据,有几条数据,就给几条数据中插入 "isBottleNum": false,"isBoxNum": false
3. 提交时,判断每条数据中"isBottleNum","isBoxNum"的值是否为 true,都为 true 表示 每条数据的两个输入框中填写了值,有 false 表示有某个输入框的值是 “” 空的。
wxml
<!-- 表格数据-->
<view class="real_detail gray_line">
<view class="tr">
<view class="th">序号</view>
<view class="th">商品名称</view>
<view class="th">规格</view>
<view class="th">实收瓶数</view>
<view class="th">实收箱数</view>
</view>
<!-- 表格输