diff --git a/frontend/src/router/index.ts b/frontend/src/router/index.ts
index a21a9a998a248439d3748a378475e7b1e06d3387..aa2ef235ce7663a96141b38350a84a968e52343e 100644
--- a/frontend/src/router/index.ts
+++ b/frontend/src/router/index.ts
@@ -12,7 +12,7 @@ const router = createRouter({
     {
       path: '/login',
       name: 'login',
-      component: () => import("../views/Login.vue")
+      component: () => import("../views/Login/Login.vue")
     }
   ]
 })
diff --git a/frontend/src/views/Login.vue b/frontend/src/views/Login/Login.vue
similarity index 86%
rename from frontend/src/views/Login.vue
rename to frontend/src/views/Login/Login.vue
index 930a3d340186e5ab29490c96387f44a5c2965325..2b2404ac9826870e9fcf2c2083a9b8a43b9e4f66 100644
--- a/frontend/src/views/Login.vue
+++ b/frontend/src/views/Login/Login.vue
@@ -1,14 +1,14 @@
 <template>
     <div class="login-page">
         <div class="login-form-bg">
-            <img alt="login background" src="../assets/login-bg.png" />
+            <img alt="login background" src="../../assets/login-bg.png" />
             <div class="login-form">
                 <div class="login-title">
                     <p>PilotGo运维平台</p>
                     <span>账户登录</span>
                 </div>
 
-                <el-form :model="loginForm" status-icon class="form">
+                <el-form :model="loginForm" status-icon class="form" :rules="rules">
                     <el-form-item class="form-item" prop="email" label="邮箱">
                         <el-input class="form-item-input" type="text" v-model="loginForm.email" placeholder="请输入邮箱">
                         </el-input>
@@ -30,12 +30,35 @@
 
 <script setup lang="ts">
 import { ref } from "vue";
+import { checkEmail } from "./logic";
 
 const loginForm = ref({
     email: "",
     password: "",
 });
 
+const rules = {
+    email: [
+        {
+            required: true,
+            message: "请输入邮箱",
+            trigger: "blur"
+        },
+        {
+            validator: checkEmail,
+            message: "请输入正确的邮箱格式",
+            trigger: "blur"
+        }
+    ],
+    password: [
+        {
+            required: true,
+            message: "请输入密码",
+            trigger: "blur"
+        }
+    ],
+}
+
 </script>
 
 <style lang="scss">
diff --git a/frontend/src/views/Login/logic.ts b/frontend/src/views/Login/logic.ts
new file mode 100644
index 0000000000000000000000000000000000000000..decb8485fb2a93d1fd87aafed5d4390eb9caf0cd
--- /dev/null
+++ b/frontend/src/views/Login/logic.ts
@@ -0,0 +1,14 @@
+
+export let checkEmail = (rule:any, value:any, callback:any) => {
+    if (!value) {
+      return callback();
+    }
+    if (value === "admin") {
+      return callback();
+    }
+    let patt = /^[a-zA-Z0-9_.-]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/;
+    if (!patt.test(value)) {
+        return callback(new Error("邮箱格式错误"))
+    }
+    return callback()
+  };