From 1a1805118eaaf57503dd8649742243a903f764cf Mon Sep 17 00:00:00 2001
From: Rekord <1324596506@qq.com>
Date: Thu, 13 Apr 2023 22:04:59 +0800
Subject: [PATCH 1/3] perf: optimize user experience

---
 src/pages/LoginPage.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/pages/LoginPage.vue b/src/pages/LoginPage.vue
index fe9449a..56c14bb 100644
--- a/src/pages/LoginPage.vue
+++ b/src/pages/LoginPage.vue
@@ -36,7 +36,7 @@
                                     ref="accountInput"
                                 />
                             </div>
-                            <div class="list" v-show="!isLogin">
+                            <div class="list">
                                 <input
                                     type="password"
                                     class="input-text the-signin-password"
@@ -50,7 +50,7 @@
                                     ref="passwordInput"
                                 />
                             </div>
-                            <div class="list">
+                            <div class="list" v-show="!isLogin">
                                 <input
                                     type="password"
                                     class="input-text the-signin-password"
@@ -61,7 +61,6 @@
                                     onpropertychange="javascript:void(0)"
                                     data-index="1"
                                     autocomplete="on"
-                                    ref="passwordInput"
                                 />
                                 <a
                                     href="#"

From 1752b0c59f20e25dc2eab999f37f74150c21efaa Mon Sep 17 00:00:00 2001
From: Rekord <1324596506@qq.com>
Date: Thu, 13 Apr 2023 22:07:14 +0800
Subject: [PATCH 2/3] style: use identify password replace password

---
 src/pages/LoginPage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/LoginPage.vue b/src/pages/LoginPage.vue
index 56c14bb..4cd1e8a 100644
--- a/src/pages/LoginPage.vue
+++ b/src/pages/LoginPage.vue
@@ -54,7 +54,7 @@
                                 <input
                                     type="password"
                                     class="input-text the-signin-password"
-                                    placeholder="密码"
+                                    placeholder="确认密码"
                                     data-errortext="密码长度为6-20"
                                     data-type="password"
                                     oninput="javascript:void(0)"

From 5f0776cce73d29075a1769a5563b5d560561da3e Mon Sep 17 00:00:00 2001
From: Rekord <1324596506@qq.com>
Date: Thu, 13 Apr 2023 22:42:45 +0800
Subject: [PATCH 3/3] fix: solve user account field validation

---
 src/pages/LoginPage.vue | 42 ++++++++++++++++++++++++++---------------
 1 file changed, 27 insertions(+), 15 deletions(-)

diff --git a/src/pages/LoginPage.vue b/src/pages/LoginPage.vue
index 4cd1e8a..3a5f2fa 100644
--- a/src/pages/LoginPage.vue
+++ b/src/pages/LoginPage.vue
@@ -168,21 +168,22 @@ export default {
             this.loginText = "登录中...";
 
             this.$api
-            .loginUser(
-                this.$refs.accountInput.value.trim(),
-                this.$refs.passwordInput.value.trim()
-            ).then((response) => {
-                this.restore("登录");
-                if (response.data.status == 200) {
-                    window.sessionStorage.setItem(
-                        "user",
-                        JSON.stringify(response.data.data)
-                    );
-                    this.$router.replace("chatting");
-                } else {
-                    this.errorText = response.data.msg;
-                }
-            });
+                .loginUser(
+                    this.$refs.accountInput.value.trim(),
+                    this.$refs.passwordInput.value.trim()
+                )
+                .then((res) => {
+                    this.restore("登录");
+                    if (res.data.status == 200) {
+                        window.sessionStorage.setItem(
+                            "user",
+                            JSON.stringify(res.data.data)
+                        );
+                        this.$router.replace("chatting");
+                    } else {
+                        this.errorText = res.data.msg;
+                    }
+                });
         },
         register() {
             this.loginText = "注册中...";
@@ -214,6 +215,17 @@ export default {
     },
     mounted() {
         this.$refs.accountInput.focus();
+        const that = this;
+        this.$refs.accountInput.addEventListener("input", function () {
+            const inputValue = this.value;
+            const regex = /[_%:-]/g;
+            if (regex.test(inputValue)) {
+                // 包含非法字符，给出提示
+                that.errorText = "账号中不能包含 _ % : -";
+            } else {
+                that.errorText = "";
+            }
+        });
     },
 };
 </script>