diff --git a/frontend/src/business/components/api/automation/scenario/variable/EditConstant.vue b/frontend/src/business/components/api/automation/scenario/variable/EditConstant.vue
index 84cb7bc194..6acc3e8768 100644
--- a/frontend/src/business/components/api/automation/scenario/variable/EditConstant.vue
+++ b/frontend/src/business/components/api/automation/scenario/variable/EditConstant.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <el-form :model="editData" label-position="right" label-width="80px" size="small" ref="form">
+    <el-form :model="editData" label-position="right" label-width="80px" size="small" ref="form" :rules="rules">
       <el-form-item :label="$t('api_test.variable_name')" prop="name">
         <el-input v-model="editData.name" :placeholder="$t('api_test.variable_name')" ref="nameInput"></el-input>
       </el-form-item>
@@ -42,6 +42,15 @@
     props: {
       editData: {},
     },
+    data() {
+      return {
+        rules: {
+          name: [
+            {required: true, message: this.$t('test_track.case.input_name'), trigger: 'blur'},
+          ],
+        },
+      }
+    },
     methods: {
       advanced() {
         this.$refs.variableAdvance.open();
diff --git a/frontend/src/business/components/api/automation/scenario/variable/EditCounter.vue b/frontend/src/business/components/api/automation/scenario/variable/EditCounter.vue
index 463e964036..ddf814e3a1 100644
--- a/frontend/src/business/components/api/automation/scenario/variable/EditCounter.vue
+++ b/frontend/src/business/components/api/automation/scenario/variable/EditCounter.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-form :model="editData" label-position="right" label-width="80px" size="small" ref="form2">
+  <el-form :model="editData" label-position="right" label-width="80px" size="small" ref="form2" :rules="rules">
     <el-form-item :label="$t('api_test.variable_name')" prop="name">
       <el-input v-model="editData.name" :placeholder="$t('api_test.variable_name')"></el-input>
     </el-form-item>
@@ -34,6 +34,15 @@
     props: {
       editData: {},
     },
+    data() {
+      return {
+        rules: {
+          name: [
+            {required: true, message: this.$t('test_track.case.input_name'), trigger: 'blur'},
+          ],
+        },
+      }
+    },
   }
 </script>
 
diff --git a/frontend/src/business/components/api/automation/scenario/variable/EditCsv.vue b/frontend/src/business/components/api/automation/scenario/variable/EditCsv.vue
index 59543f8360..3c44d17422 100644
--- a/frontend/src/business/components/api/automation/scenario/variable/EditCsv.vue
+++ b/frontend/src/business/components/api/automation/scenario/variable/EditCsv.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-form :model="editData" label-position="right" label-width="80px" size="small" ref="form3">
+  <el-form :model="editData" label-position="right" label-width="80px" size="small" ref="form3" :rules="rules">
     <el-form-item :label="$t('api_test.variable_name')" prop="name">
       <el-input v-model="editData.name" :placeholder="$t('api_test.variable_name')"></el-input>
     </el-form-item>
@@ -85,9 +85,9 @@
         previewData: [],
         columns: [],
         allDatas: [],
-        rule: {
+        rules: {
           name: [
-            {required: true, message: this.$t('api_test.variable_name'), trigger: 'blur'},
+            {required: true, message: this.$t('test_track.case.input_name'), trigger: 'blur'},
           ],
         },
       }
diff --git a/frontend/src/business/components/api/automation/scenario/variable/EditListValue.vue b/frontend/src/business/components/api/automation/scenario/variable/EditListValue.vue
index 7dcdf99c62..6b34419381 100644
--- a/frontend/src/business/components/api/automation/scenario/variable/EditListValue.vue
+++ b/frontend/src/business/components/api/automation/scenario/variable/EditListValue.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-form :model="editData" label-position="right" label-width="80px" size="small" ref="form4">
+  <el-form :model="editData" label-position="right" label-width="80px" size="small" ref="form4" :rules="rules">
     <el-form-item :label="$t('api_test.variable_name')" prop="name">
       <el-input v-model="editData.name" :placeholder="$t('api_test.variable_name')"></el-input>
     </el-form-item>
@@ -25,6 +25,15 @@
     props: {
       editData: {},
     },
+    data() {
+      return {
+        rules: {
+          name: [
+            {required: true, message: this.$t('test_track.case.input_name'), trigger: 'blur'},
+          ],
+        },
+      }
+    },
   }
 </script>
 
diff --git a/frontend/src/business/components/api/automation/scenario/variable/EditRandom.vue b/frontend/src/business/components/api/automation/scenario/variable/EditRandom.vue
index 553637bdd8..55cadc2370 100644
--- a/frontend/src/business/components/api/automation/scenario/variable/EditRandom.vue
+++ b/frontend/src/business/components/api/automation/scenario/variable/EditRandom.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-form :model="editData" label-position="right" label-width="80px" size="small" ref="form5">
+  <el-form :model="editData" label-position="right" label-width="80px" size="small" ref="form5" :rules="rules">
     <el-form-item :label="$t('api_test.variable_name')" prop="name">
       <el-input v-model="editData.name" :placeholder="$t('api_test.variable_name')"></el-input>
     </el-form-item>
@@ -32,6 +32,15 @@
     props: {
       editData: {},
     },
+    data() {
+      return {
+        rules: {
+          name: [
+            {required: true, message: this.$t('test_track.case.input_name'), trigger: 'blur'},
+          ],
+        },
+      }
+    },
   }
 </script>
 
diff --git a/frontend/src/business/components/api/automation/scenario/variable/VariableList.vue b/frontend/src/business/components/api/automation/scenario/variable/VariableList.vue
index a2633eb8d6..79166bb81d 100644
--- a/frontend/src/business/components/api/automation/scenario/variable/VariableList.vue
+++ b/frontend/src/business/components/api/automation/scenario/variable/VariableList.vue
@@ -262,6 +262,7 @@
           this.variables.splice(index, 1);
         })
         this.selection = [];
+        this.editData = {type: "CONSTANT"};
       },
       filter() {
         let datas = [];