#808·cube-ui

仅设置自定义表单验证规则时,校验不会触发

作者: pisces22745创建于 2022年11月4日更新于 2022年11月4日

bankNum: { type: 'input', modelKey: 'bankNum', label: '', props: { placeholder: 'Please enter your savings card number' }, rules: { required: false, checkBankNum1: (val) => { if (this.form.needCollectAccount === 1) { return Boolean(val) } return true }, checkBankNum2: () => { const { needCollectAccount, bankNum, alipayNum } = this.form if (needCollectAccount === 3) { return !(!bankNum && !alipayNum) } else { return true } } }, messages: { required: 'Please enter', checkBankNum1: 'Please enter your savings card number', checkBankNum2: 'Bank card and Alipay account are required' }, // validating when blur trigger: 'blur' }, alipayNum: { type: 'input', modelKey: 'alipayNum', label: '', props: { placeholder: 'Please enter your Alipay account number' }, rules: { required: false, check1: (val) => { if (this.form.needCollectAccount === 2) { return Boolean(val) } return true }, check2: () => { const { needCollectAccount, bankNum, alipayNum } = this.form if (needCollectAccount === 3) { return !(!bankNum && !alipayNum) } else { return true } } }, …