验证

src/components/login/LoginView.vue

@@ -22,11 +22,12 @@
             @blur="handleBlur('phone')"
           ></ElInput>
         </div>
-        <div class="form-item flex justify-between">
+        <div class="form-item flex justify-between" ref="verifyCodeInput">
           <ElInput
             v-model="verifyCode"
             class="verifyCode-input"
             type="number"
+            @blur="handleBlur('verifyCode')"
             placeholder="请输入短信验证码"
           ></ElInput>
           <div class="send-message-verify flex items-center" @click="sendMessage">
@@ -50,7 +51,7 @@
           <p style="text-wrap: wrap; line-height: 20px" class="text-xs">
             我已阅读并同意
             <a class="text-[#C0322B]" @click.stop.prevent="toAgreement(RouteName.userInfoPolicy)">
-              《立业云隐私政策》
+              《个人信息保护政策》
             </a>
             <a class="text-[#C0322B]" @click.stop.prevent="toAgreement(RouteName.userAgreement)">
               《立业云用户服务协议》
@@ -104,7 +105,7 @@
           <p style="text-wrap: wrap; line-height: 20px" class="text-xs">
             我已阅读并同意
             <a class="text-[#C0322B]" @click.stop="toAgreement(RouteName.userInfoPolicy)">
-              《立业云隐私政策》
+              《个人信息保护政策》
             </a>
             <a class="text-[#C0322B]" @click.stop="toAgreement(RouteName.userAgreement)">
               《立业云用户服务协议》
@@ -129,11 +130,12 @@
             @blur="handleBlur('phone')"
           ></ElInput>
         </div>
-        <div class="form-item flex justify-between">
+        <div class="form-item flex justify-between" ref="verifyCodeInput">
           <ElInput
             v-model="verifyCode"
             class="verifyCode-input"
             type="number"
+            @blur="handleBlur('verifyCode')"
             placeholder="请输入短信验证码"
           ></ElInput>
           <div class="send-message-verify flex items-center" @click="sendMessage">
@@ -180,11 +182,12 @@
             @blur="handleBlur('phone')"
           ></ElInput>
         </div>
-        <div class="form-item flex justify-between">
+        <div class="form-item flex justify-between" ref="verifyCodeInput">
           <ElInput
             v-model="verifyCode"
             class="verifyCode-input"
             type="number"
+            @blur="handleBlur('verifyCode')"
             placeholder="请输入短信验证码"
           ></ElInput>
           <div class="send-message-verify flex items-center" @click="sendMessage">
@@ -211,7 +214,7 @@
           <p style="text-wrap: wrap; line-height: 20px" class="text-xs">
             我已阅读并同意
             <a class="text-[#C0322B]" @click.stop.prevent="toAgreement(RouteName.userInfoPolicy)">
-              《立业云隐私政策》
+              《个人信息保护政策》
             </a>
             <a class="text-[#C0322B]" @click.stop.prevent="toAgreement(RouteName.userAgreement)">
               《立业云用户服务协议》
@@ -328,6 +331,15 @@ const verify = (type: string = 'all') => {
       }
     }
   }
+  if (
+    type === 'all' &&
+    !verifyCode.value?.toString().length &&
+    modalType.value !== 'loginByAccount'
+  ) {
+    proxy.$refs.verifyCodeInput.style.borderColor = '#c0322b';
+    errorMsg.value = '请输入验证码';
+    return false;
+  }
   // const
   if (type === 'password' || type === 'all') {
     if (modalType.value !== 'loginByPhone') {
@@ -355,8 +367,7 @@ const login = debounce(
     errorMsg.value = null;
     if (!verify('all')) {
       return;
-    }
-    if (!agree.value.length) {
+    } else if (!agree.value.length) {
       message.error(`同意《个人信息保护政策》《立业云用户协议》《第三方使用信息协议》后可登录`);
       return;
     }
@@ -457,8 +468,7 @@ const register = async () => {
   errorMsg.value = null;
   if (!verify('all')) {
     return;
-  }
-  if (!agree.value.length) {
+  } else if (!agree.value.length) {
     message.error(`同意《个人信息保护政策》《立业云用户协议》《第三方使用信息协议》后可注册`);
     return;
   }
@@ -488,7 +498,14 @@ const close = () => {
  */
 const handleBlur = (type: string) => {
   const _modalType = modalType.value;
-  console.log('333', _modalType);
+
+  if (type === 'verifyCode' && verifyCode.value?.toString().length) {
+    proxy.$refs.verifyCodeInput.style.borderColor = 'rgba(0, 0, 0, 0.15)';
+    if (errorMsg.value === '请输入验证码') {
+      errorMsg.value = null;
+    }
+  }
+
   setTimeout(() => {
     console.log(444);
     if (_modalType === modalType.value) {