From fd2d7ba6911bc1e59d212eeb8c445f9234b4bf6b Mon Sep 17 00:00:00 2001
From: WANGFan <15871339963@163.com>
Date: Sun, 29 Jun 2025 13:41:33 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=AA=8C=E8=AF=81=E5=B7=A5=E5=85=B7?=
 =?UTF-8?q?=E7=B1=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/lang/modules/enUS.ts                      |   1 +
 src/lang/modules/zhCN.ts                      |   1 +
 src/mock/_data/system_menu.ts                 |  21 ++
 src/utils/verify-tools.ts                     |   6 +-
 .../functions/verify-tools/verify-tools.vue   | 211 ++++++++++++++++++
 5 files changed, 237 insertions(+), 3 deletions(-)
 create mode 100644 src/views/functions/verify-tools/verify-tools.vue

diff --git a/src/lang/modules/enUS.ts b/src/lang/modules/enUS.ts
index d1d7a6c..6fdd4a2 100644
--- a/src/lang/modules/enUS.ts
+++ b/src/lang/modules/enUS.ts
@@ -110,6 +110,7 @@ export default {
     ["common-tools"]: "common tools",
     ["tree-tools"]: "tree-tools",
     ["file-tools"]: "file-tools",
+    ["verify-tools"]: "verify tools",
     ["test"]: "test"
   }
 };
diff --git a/src/lang/modules/zhCN.ts b/src/lang/modules/zhCN.ts
index 8394160..e3dca8a 100644
--- a/src/lang/modules/zhCN.ts
+++ b/src/lang/modules/zhCN.ts
@@ -110,6 +110,7 @@ export default {
     ["common-tools"]: "常用工具类",
     ["tree-tools"]: "树处理工具类",
     ["file-tools"]: "文件工具类",
+    ["verify-tools"]: "校验工具类",
     ["test"]: "测试"
   }
 };
diff --git a/src/mock/_data/system_menu.ts b/src/mock/_data/system_menu.ts
index b87893e..2b4fa7a 100644
--- a/src/mock/_data/system_menu.ts
+++ b/src/mock/_data/system_menu.ts
@@ -905,6 +905,27 @@ export const systemMenu = [
     },
     children: null
   },
+  {
+    id: "0905",
+    parentId: "09",
+    path: "/functions/verify-tools",
+    name: "verify-tools",
+    component: "functions/verify-tools/verify-tools",
+    meta: {
+      title: "verify-tools",
+      hide: false,
+      disable: false,
+      keepAlive: true,
+      affix: false,
+      link: "",
+      iframe: false,
+      roles: ["admin"],
+      icon: "icon-menu",
+      sort: 5,
+      type: 2
+    },
+    children: null
+  },
   {
     id: "10",
     parentId: "0",
diff --git a/src/utils/verify-tools.ts b/src/utils/verify-tools.ts
index 52cc83f..b802e10 100644
--- a/src/utils/verify-tools.ts
+++ b/src/utils/verify-tools.ts
@@ -1,5 +1,5 @@
 /**
- * 处理输入内容，只允许输入数字和小数点，其余的替换为空
+ * 处理输入内容，只允许输入数字和2位小数，其它的替换为空
  * 用于输入框限制输入数字和2位小数的场景
  * @param {string} val 当前值字符串
  * @returns {string} 返回处理后的字符串
@@ -67,7 +67,7 @@ export const verifyTelPhone = (val: string): boolean => {
 };
 
 /**
- * 登录账号 (字母开头，允许5-16字节，允许字母数字下划线)
+ * 登录账号验证 (字母开头，允许5-16字节，允许字母数字下划线)
  * @param {string} val 当前值字符串
  * @returns {boolean} 返回 true: 登录账号正确
  */
@@ -179,7 +179,7 @@ export const verifyIdCard = (val: string): boolean => {
 };
 
 /**
- * 姓名验证
+ * 中文姓名验证
  * @param {string} val 当前值字符串
  * @returns {boolean} 返回 true: 姓名正确
  */
diff --git a/src/views/functions/verify-tools/verify-tools.vue b/src/views/functions/verify-tools/verify-tools.vue
new file mode 100644
index 0000000..da9a152
--- /dev/null
+++ b/src/views/functions/verify-tools/verify-tools.vue
@@ -0,0 +1,211 @@
+<template>
+  <div class="snow-page">
+    <div class="snow-inner">
+      <a-alert type="success">工具类位置: src/utils/verify-tools.ts</a-alert>
+      <a-divider />
+      <a-space direction="vertical" fill>
+        <div>处理输入内容，只允许输入数字和2位小数👉️ {{ text01 }}</div>
+        <div>
+          <a-input
+            :style="{ width: '320px' }"
+            placeholder="请输入"
+            allow-clear
+            v-model="text01"
+            @input="onVerifyNumberIntegerAndFloat"
+          />
+        </div>
+      </a-space>
+      <a-divider />
+      <a-space direction="vertical" fill>
+        <div>输入框限制只允许正整数输入👉️ {{ text02 }}</div>
+        <div>
+          <a-input
+            :style="{ width: '320px' }"
+            placeholder="请输入"
+            allow-clear
+            v-model="text02"
+            @input="onVerifiyNumberInteger"
+          />
+        </div>
+      </a-space>
+      <a-divider />
+      <a-space direction="vertical" fill>
+        <div>
+          手机号码格式验证，是否正确👉️
+          {{ verifyPhone(text03) }}
+        </div>
+        <div>
+          <a-input :style="{ width: '320px' }" placeholder="请输入" allow-clear v-model="text03" />
+        </div>
+      </a-space>
+      <a-divider />
+      <a-space direction="vertical" fill>
+        <div>
+          国内电话号码格式验证👉️
+          {{ verifyTelPhone(text04) }}
+        </div>
+        <div>
+          <a-input :style="{ width: '320px' }" placeholder="请输入" allow-clear v-model="text04" />
+        </div>
+      </a-space>
+      <a-divider />
+      <a-space direction="vertical" fill>
+        <div>
+          登录账号验证 (字母开头，允许5-16字节，允许字母数字下划线)👉️
+          {{ verifyAccount(text05) }}
+        </div>
+        <div>
+          <a-input :style="{ width: '320px' }" placeholder="请输入" allow-clear v-model="text05" />
+        </div>
+      </a-space>
+      <a-divider />
+      <a-space direction="vertical" fill>
+        <div>
+          密码 (以字母开头，长度在6~16之间，只能包含字母、数字和下划线)👉️
+          {{ verifyPassword(text06) }}
+        </div>
+        <div>
+          <a-input :style="{ width: '320px' }" placeholder="请输入" allow-clear v-model="text06" />
+        </div>
+      </a-space>
+      <a-divider />
+      <a-space direction="vertical" fill>
+        <div>
+          强密码 (字母+数字+特殊字符，长度在6-16之间)👉️
+          {{ verifyPasswordPowerful(text07) }}
+        </div>
+        <div>
+          <a-input :style="{ width: '320px' }" placeholder="请输入" allow-clear v-model="text07" />
+        </div>
+      </a-space>
+      <a-divider />
+      <a-space direction="vertical" fill>
+        <div>
+          密码强度(长度6~16)👉️
+          {{ verifyPasswordStrength(text08) || "无" }}
+        </div>
+        <div>弱：纯数字，纯字母，纯特殊字符</div>
+        <div>中：字母+数字，字母+特殊字符，数字+特殊字符</div>
+        <div>强：字母+数字+特殊字符</div>
+        <div>
+          <a-input :style="{ width: '320px' }" placeholder="请输入" allow-clear v-model="text08" />
+        </div>
+      </a-space>
+      <a-divider />
+      <a-space direction="vertical" fill>
+        <div>
+          校验IP地址是否正确👉️
+          {{ verifyIPAddress(text09) }}
+        </div>
+        <div>
+          <a-input :style="{ width: '320px' }" placeholder="请输入" allow-clear v-model="text09" />
+        </div>
+      </a-space>
+      <a-divider />
+      <a-space direction="vertical" fill>
+        <div>
+          校验邮箱是否正确👉️
+          {{ verifyEmail(text10) }}
+        </div>
+        <div>
+          <a-input :style="{ width: '320px' }" placeholder="请输入" allow-clear v-model="text10" />
+        </div>
+      </a-space>
+      <a-divider />
+      <a-space direction="vertical" fill>
+        <div>
+          身份证验证👉️
+          {{ verifyIdCard(text11) }}
+        </div>
+        <div>
+          <a-input :style="{ width: '320px' }" placeholder="请输入" allow-clear v-model="text11" />
+        </div>
+      </a-space>
+      <a-divider />
+      <a-space direction="vertical" fill>
+        <div>
+          中文姓名验证👉️
+          {{ verifyFullName(text12) }}
+        </div>
+        <div>
+          <a-input :style="{ width: '320px' }" placeholder="请输入" allow-clear v-model="text12" />
+        </div>
+      </a-space>
+      <a-divider />
+      <a-space direction="vertical" fill>
+        <div>
+          邮政编码验证👉️
+          {{ verifyPostalCode(text13) }}
+        </div>
+        <div>
+          <a-input :style="{ width: '320px' }" placeholder="请输入" allow-clear v-model="text13" />
+        </div>
+      </a-space>
+      <a-divider />
+      <a-space direction="vertical" fill>
+        <div>
+          url正确性验证👉️
+          {{ verifyUrl(text14) }}
+        </div>
+        <div>
+          <a-input :style="{ width: '320px' }" placeholder="请输入" allow-clear v-model="text14" />
+        </div>
+      </a-space>
+      <a-divider />
+      <a-space direction="vertical" fill>
+        <div>
+          车牌号验证👉️
+          {{ verifyCarNum(text15) }}
+        </div>
+        <div>
+          <a-input :style="{ width: '320px' }" placeholder="请输入" allow-clear v-model="text15" />
+        </div>
+      </a-space>
+      <a-divider />
+      <div>基于<a-link href="https://gitee.com/lyt-top/vue-next-admin" target="_blank">vue-next-admin</a-link>的验证工具</div>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import {
+  verifyNumberIntegerAndFloat,
+  verifiyNumberInteger,
+  verifyPhone,
+  verifyTelPhone,
+  verifyAccount,
+  verifyPassword,
+  verifyPasswordPowerful,
+  verifyPasswordStrength,
+  verifyIPAddress,
+  verifyEmail,
+  verifyIdCard,
+  verifyFullName,
+  verifyPostalCode,
+  verifyUrl,
+  verifyCarNum
+} from "@/utils/verify-tools.ts";
+const text01 = ref<string>("");
+const onVerifyNumberIntegerAndFloat = (e: string) => {
+  text01.value = verifyNumberIntegerAndFloat(e);
+};
+
+const text02 = ref<string>("");
+const onVerifiyNumberInteger = (e: string) => {
+  text02.value = verifiyNumberInteger(e);
+};
+
+const text03 = ref<string>("");
+const text04 = ref<string>("");
+const text05 = ref<string>("");
+const text06 = ref<string>("");
+const text07 = ref<string>("");
+const text08 = ref<string>("");
+const text09 = ref<string>("");
+const text10 = ref<string>("");
+const text11 = ref<string>("");
+const text12 = ref<string>("");
+const text13 = ref<string>("");
+const text14 = ref<string>("");
+const text15 = ref<string>("");
+</script>