ElementUI Form 調用后端接口校驗

使用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();
          }
        });
      }