上传镜像表单验证

src/pages/workbench/yygl/app_detail.vue

@@ -227,12 +227,22 @@ export default {
   },
   data() {
     var checkname = (rule, value, callback) => {
-      var reg = /^[a-z0-9|-]+$/
+      var reg = /^[a-z|-|_]+$/
         setTimeout(() => {
           if (reg.test(value)) {
             callback();
           } else {
-            callback(new Error('只支持小写字母 数字 -'));
+            callback(new Error('只支持小写字母 - _'));
+          }
+        }, 100);
+      };
+    var checktag = (rule, value, callback) => {
+      var reg = /^[a-zA-Z0-9|.]+$/
+        setTimeout(() => {
+          if (reg.test(value)) {
+            callback();
+          } else {
+            callback(new Error('只支持小写字母 数字 .'));
           }
         }, 100);
       };
@@ -266,9 +276,14 @@ export default {
       fileList: [],
       rules: {
         name: [{ required: true, message: "请输入镜像名称", trigger: "blur" },
-                { validator: checkname, trigger: 'blur' }
+                { max:20, message: "应小于20个字符", trigger: 'blur' },
+                {validator: checkname, trigger: 'blur' }
+              ],
+        taps: [
+          { required: true, message: "请输入镜像版本", trigger: "blur" },
+          { max:10, message: "应小于10个字符", trigger: 'blur' },
+          { validator: checktag, trigger: "blur" },
         ],
-        taps: [{ required: true, message: "请输入镜像版本", trigger: "blur" }],
       },
       tipsOptions: {
         title: "",