校验与截取

src/views/education/edit-cme.vue

@@ -297,6 +297,7 @@
           <el-form-item v-show="formData.cmeType == 1" label="学分名称：" prop="creditId">
             <el-col :span="7">
               <el-select
+                clearable
                 size="small"
                 v-model="formData.creditId"
                 placeholder="请选择学分名称"
@@ -318,6 +319,8 @@
 
           <el-form-item v-show="formData.cmeType == 2" label="学分：" prop="cmeCredit">
             <el-col :span="7">
+                <!-- οninput="if(isNaN(value)) { value = null } if(value.indexOf('.')>0){value=value.slice(0,value.indexOf('.')+3)}" -->
+                <!-- οninput="formData.cmeCredit=formData.cmeCredit.replace(/[^\d]/g,'')" -->
               <el-input
                 size="small"
                 v-model="formData.cmeCredit"
@@ -1264,6 +1267,48 @@ export default {
         callback();
       }
     };
+
+    // 校验学分名称
+    let checkCmeCreditId = (rule, value, callback) => {
+      if(!value && this.formData.cmeType == 1) {
+        callback(new Error("请选择学分名称"));
+      } else {
+        callback();
+      }
+    }
+
+    // 校验学分
+    let checkCmeCredit = (rule, value, callback) => {
+      if(this.formData.cmeType == 2) {
+        if(!value) {
+          callback(new Error("请输入学分"));
+          return;
+        }
+        let val = (value - 0).toFixed(1);
+        if( val >= 0.1 && val <= 100){
+          if(val.toString().indexOf('.0') != -1) {
+            this.formData.cmeCredit = (val - 0).toFixed(0);
+          } else {
+            this.formData.cmeCredit = val;
+          }
+          callback();
+        } else {
+          callback(new Error("请输入0.1～100数字，可小数"));
+        }
+      } else {
+        callback();
+      }
+    }
+
+    // 校验考试地址
+    let checkExamBtnUrl = (rule, value, callback) => {
+      if(!value && this.formData.cmeType == 2) {
+        callback(new Error("请输入考试地址"));
+      } else {
+        callback();
+      }
+    }
+
     let checkNormalInt = (rule, value, callback) => {
       const val = parseFloat(value);
       const isInteger = Number.isInteger(val);
@@ -1727,15 +1772,15 @@ export default {
           { min: 1, max: 200, message: "超出可输入的最大长度", trigger: "blur" }
         ],
         creditId: [
-          { required: true, message: "请选择学分名称", trigger: "change,blur" }
+          { required: true, validator: checkCmeCreditId, trigger: "change,blur" }
         ],
-        // cmeCredit: [
-        //   { required: true, message: "请输入学分", trigger: "blur" },
-        //   { min: 0.1, max: 100, message: "超出可输入的最大长度", trigger: "blur" }
-        // ],
-        // examBtnUrl: [
-        //   { required: true, message: "请输入考试地址", trigger: "change" }
-        // ]
+        cmeCredit: [
+          { required: true, validator: checkCmeCredit, trigger: "blur" },
+          // { min: 0.1, max: 100, message: "请输入0.1～100数字，可小数", trigger: "blur" }
+        ],
+        examBtnUrl: [
+          { required: true, validator: checkExamBtnUrl, trigger: "change" }
+        ]
       }
     };
   },