正则匹配验证

src/views/accompaniment/modals/form.vue

@@ -227,14 +227,22 @@
         <div v-for="item in gradual">
           <el-form-item
             :label="item[0].measureIndex + 2 + ' 小节'"
-            :rules="[{required: true, message: '请输入合奏曲目时间'}]"
+            :rules="[{required: true, message: '请输入合奏曲目时间'}, {
+              pattern: /^((\d{2}):?){2,3}$/,
+              message: '请输入正确的曲目时间',
+              trigger: 'blur',
+            }]"
             :prop="`graduals.${item[0].measureIndex}`"
           >
             <el-input placeholder="00:00:00" v-model="form.graduals[item[0].measureIndex]"></el-input>
           </el-form-item>
           <el-form-item
             :label="item[1].measureIndex + 2 + ' 小节'"
-            :rules="[{required: true, message: '请输入合奏曲目时间'}]"
+            :rules="[{required: true, message: '请输入合奏曲目时间'}, {
+              pattern: /^((\d{2}):?){2,3}$/,
+              message: '请输入正确的曲目时间',
+              trigger: 'blur',
+            }]"
             :prop="`graduals.${item[1].measureIndex}`"
           >
             <el-input placeholder="00:00:00" v-model="form.graduals[item[1].measureIndex]"></el-input>