自定义表单校验
设置校验规则:
(1)在el-form的校验规则里面定义validator(校验方法)
rules: {
releaseTime: [
{ required: true, message: "请输入预发布时间", trigger: "blur" },
{ validator: this.checkReleaseTime, trigger: "blur" },
]
},
(2)在methods里面定义这个 方法
checkReleaseTime (rule, value, callback) {
if(new Date(value) < new Date()){
return callback(new Error('预发布时间必须晚于当前时间'))
}else {
callback()
}
}
例如:
// 时间校验规则
dateRules(rule, value, callback) {
let num = 1000 * 60 * 60 * 24 * 6
if (this.dateInterval == null) {
return callback(new Error('请选择查询区间'))
} else {
if (new Date(this.dateInterval[1]) - new Date(this.dateInterval[0]) > num) {
this.disabled = true
return callback(new Error('查询区间不能超出7天,请重新选择'))
} else {
this.disabled = false
}
}
},