element ui form表单自定义校验规则

自定义表单校验

设置校验规则：

（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
        }
      }
    },