使用weui Form表单,如何配置嵌套对象的数据验证?
<view class="view-form">
<mp-form id="form" rules="{{rules}}" models="{{activityData}}">
<mp-cells>
<mp-cell prop="activityData.expenseType.name" link="{{globalDisbale}}" title="费用类型" value="{{activityData.expenseType.name}}" bindtap="{{globalDisbale ? 'findCostType':null}}" ext-class="">
</mp-cell>
</mp-cells>
</mp-form>
</view>
js部分
data: {
activityData:{},
rules: [{
name: 'activityData.expenseType.name',
rules: {
required: true,
message: '请选择'
},
}],}
提交表单部分
submitForm() {
console.log("赋值后,在submitForm中打印", this.data.activityData) // 有值
this.selectComponent('#form').validate((valid, errors) => {
if (!valid) {
console.log('valid', valid, errors) //有值 依然打印了错误
} else {
// 提交
}
})
},
按照上图的写法,无论是否设置数据,在提交时,都会触发validate((valid, errors) 的rules验证
请问使用weui Form表单做验证时,如何定义或者配置如上图这种对象嵌套对象的验证?
3 回复