ElementUI Form 调用后端接口校验

Posted 2021-03-04 hanhaihu

使用ElementUI Form 校验时,如果需要调用后端接口进行校验的话,那么使用自定义验证规则

    var validateCode = (rule, value, callback) => {
      if (value === ‘‘) {
        callback(new Error(‘请输入岗位编码‘));
      } else if (value.length > 50) {
        callback(new Error(‘岗位编码不超过50个字符‘));
      } else if (!/^[a-zA-Z][a-zA-Z0-9_-]*$/.test(value)) {
        callback(new Error(‘以字母开头，英文、数字、下划线、中划线(此四项非必须)‘));
      } else {
        let data = {code: value};
        if (this.type === 1) {
          data.id = this.jobForm.id;
        }
        this.validateCodeRepeat(data).then(res => {
          if (res) {
            callback(new Error(‘岗位编码重复‘));
          } else {
            callback();
          }
        });
      }