login verify

src/utils/index.ts

@@ -33,3 +33,4 @@ export const getErrMsg = (errCode: number) => {
     ? `${i18n.t(`errCode.${errCode}`)}`
     : "system error".toUpperCase();
 };
+export const RegAccount = /^[a-zA-Z0-9]{8,12}$/;

src/views/account/login.vue

@@ -70,6 +70,7 @@
 <script lang="ts">
 import { Component, Vue, Watch } from "vue-property-decorator";
 import user from "@/store/modules/user";
+import { RegAccount } from "@/utils";
 @Component
 export default class extends Vue {
   private verifyImg = "";
@@ -87,6 +88,12 @@ export default class extends Vue {
     }/captcha/info/captchaImage?t=${Date.now()}`;
   }
   async submit() {
+    if (!RegAccount.test(this.form.loginAccount))
+      return this.$message.error("您输入的账号错误");
+    if (!RegAccount.test(this.form.loginPassword))
+      return this.$message.error("您输入的密码错误");
+    if (this.form.validateCode.length !== 4)
+      return this.$message.error("您输入的验证码错误");
     const token = await user.setToken(this.form);
     if (!token) return this.setVerifyImg();
     this.$message.success("登陆成功");

src/views/account/register.vue

@@ -61,6 +61,7 @@
 </template>
 <script lang="ts">
 import { Component, Vue, Watch } from "vue-property-decorator";
+import { RegAccount } from "@/utils";
 @Component
 export default class extends Vue {
   private flag = false;
@@ -71,8 +72,17 @@ export default class extends Vue {
   };
 
   async submit() {
+    if (!RegAccount.test(this.form.loginAccount))
+      return this.$message.error("请输入8到12位由数字字母组合的账号");
+    if (!RegAccount.test(this.form.loginPassword))
+      return this.$message.error("请输入8到12位由数字字母组合的密码");
+    if (!/^1[3456789]\d{9}$/.test(this.form.phone))
+      return this.$message.error("请正确输入手机号");
+    if (!this.flag) return this.$message.error("请同意服务条款");
     const [err] = await this.$post("/member/info/userRegister", this.form);
-    if (!err) return this.$message.success("注册成功");
+    if (err) return;
+    this.$message.success("注册成功 请登陆");
+    this.$router.push("/login");
   }
 }
 </script>