校验

src/views/manage/labelfieldcontent/index.vue

@@ -229,7 +229,6 @@
             label="画像字段标识"
             :rules="rules.fieldContentList.fieldMark"
             :prop="`fieldContentList.${index}.fieldMark`"
-            
           >
             <el-input
               style="width: 260px"
@@ -329,7 +328,6 @@
             style="width: 260px"
             v-model="form.fieldMark"
             placeholder="请输入画像字段标识,例如:${content}"
-
           />
         </el-form-item>
         <el-form-item label="内容备注信息" prop="contentRemark">
@@ -357,14 +355,23 @@ export default {
   data() {
 
     var validateInput = (rule, value, callback) => {
-      const regex =/^\$/;
       if (!value) {
         callback(new Error("画像字段标识不能为空"));
-        }else if (!regex.test(value)){
-        callback(new Error('画像字段标识格式有误，请以$开头'));
-        }else{
+      }
+      else if (!value.startsWith('$') || /[\u4e00-\u9fa50-9]/.test(value)) {
+        callback(new Error('画像字段标识格式有误,请以$开头,例如${content}'));
+      } else {
         callback();
       }
+      // const regex =/^\$/;
+      // // const regex  =/^\$[^u4e00-u9fa50-9]/
+      //  if (!value) {
+      //     callback(new Error("画像字段标识不能为空"));
+      //   }else if (!regex.test(value)){
+      //   callback(new Error('画像字段标识格式有误，请以$开头'));
+      //   }else{
+      //   callback();
+      //   }
     };
     return {
       // 遮罩层
@@ -436,6 +443,7 @@ export default {
               trigger: "blur",
               validator: validateInput
             },
+            // { pattern:/^$W*$/, message: '以$开头且不能输入汉字和数字的字符串', trigger: 'blur' }
           ],
 
         },
@@ -637,7 +645,7 @@ export default {
       }, `labelfieldcontent_${new Date().getTime()}.xlsx`)
     }
   }
-  };
+};
 </script>
 <style lang="scss">
 .el-input-number .el-input__inner {