鍍金池/ 問答/HTML/ element 表單驗(yàn)證

element 表單驗(yàn)證

有個(gè)需求，點(diǎn)擊選項(xiàng)，切換備注是否為必填,默認(rèn)進(jìn)來是非必填的，切換到必填后，驗(yàn)證就失效了

<el-form-item label="審核" prop="resource">
    <el-radio-group v-model="ruleForm.resource">
      <el-radio label="1">不通過</el-radio>
      <el-radio label="2">通過</el-radio>
    </el-radio-group>
  </el-form-item>
  <el-form-item label="原因" prop="beizhu" v-if="ruleForm.resource==1">
    <el-input type="textarea" v-model="ruleForm.beizhu"></el-input>
  </el-form-item>
  <el-form-item label="備注" v-if="ruleForm.resource==2">
    <el-input type="textarea" v-model="ruleForm.beizhu"></el-input>
  </el-form-item>
  <el-form-item>
回答
編輯回答
尐潴豬

自定義校驗(yàn)規(guī)則

function valid(rule, value, callback) {
    if (!requiredRemark) {
        // 備注為非必填
        callback();

    } else if (value === '') {
        // 備注必填且為空
        callback(new Error('請輸入備注'));

    } else {
        // 備注必填且通過
        callback();
    }
};
2017年1月25日 15:22