1. 程式人生 > >iview自定義表單驗證 多表單同時驗證 阿星小棧

iview自定義表單驗證 多表單同時驗證 阿星小棧

 data () {
            const validateSectionFileType = (rule, value, callback) => {
                if (value <= 0) {
                    callback(new Error('型別不能為空'));
                } else {
                    callback();
                }
            };
            const validateSectionTime = (rule, value, callback) => {
                
if (value === '') { callback(new Error('時間不能為空')); } else { callback(); } }; const validateSectionDuration = (rule, value, callback) => { if (!value) { callback(new Error('
時間不能為空')); } else { callback(); } }; const validateSectionIsFree = (rule, value, callback) => { if (value === '') { callback(new Error('請選擇是否收費')); } else { callback(); } };
return { ruleEditSection: { title: [ {required: true, message: '小節標題不能為空', trigger: 'blur'} ], subTitle: [ {required: true, message: '小節副標題不能為空', trigger: 'blur'} ], duration: [ { required: true,type: Number, message: '請填寫持續時間', trigger: 'blur', validator: validateSectionDuration}, ], startTime: [ { required: true,message: '請選擇開始時間',type: String , trigger: 'change', validator: validateSectionTime}, ], sectionDesc: [ { required: true,required: true, message: '小節介紹不能為空', trigger: 'blur'} ], type: [ { required: true,message: '請選擇型別',type: Number | String, trigger: 'change', validator: validateSectionFileType}, ], sectionUrl: [ {required: true, message: '檔案不能為空', trigger: 'change'} ], isFree: [ { required: true, message: '請選擇是否免費',type: Number | String, trigger: 'blur', validator: validateSectionIsFree} ] } }; },