添加手机号验证

src/hooks/web/useValidator.ts

@@ -35,6 +35,16 @@ export const useValidator = () => {
     }
   }
 
+  // 验证手机号码
+  const validateMobile = (val: string, callback: Callback, message: string) => {
+    const mobilePattern = /^1[3-9]\d{9}$/
+    if (!mobilePattern.test(val)) {
+      callback(new Error(message))
+    } else {
+      callback()
+    }
+  }
+
   const notSpace = (val: any, callback: Callback, message: string) => {
     // 用户名不能有空格
     if (val.indexOf(' ') !== -1) {
@@ -86,6 +96,7 @@ export const useValidator = () => {
     notSpace,
     notSpecialCharacters,
     onlyEnglish,
-    noSpaceOrSpecialChars
+    noSpaceOrSpecialChars,
+    validateMobile
   }
 }

src/views/Authority/User.vue

@@ -30,10 +30,9 @@ import { Form, FormSchema, RadioOption } from '@/components/Form'
 import { useForm } from '@/hooks/web/useForm'
 import { useValidator } from '@/hooks/web/useValidator'
 import { BaseButton } from '@/components/Button'
-import { Search, Edit, Delete } from '@element-plus/icons-vue'
 import { getRsaKey } from '@/api/login'
 import { cloneDeep } from 'lodash-es'
-const { required, noSpaceOrSpecialChars } = useValidator()
+const { required, noSpaceOrSpecialChars, validateMobile } = useValidator()
 
 defineOptions({
   name: 'TemplateManage'
@@ -47,6 +46,11 @@ const rules = reactive<{
       validator: (rule, value, callback) =>
         noSpaceOrSpecialChars(value, callback, '不包含中文、空格、特殊字符')
     }
+  ],
+  userCode: [
+    {
+      validator: (rule, value, callback) => validateMobile(value, callback, '请输入正确手机号')
+    }
   ]
 })
 
@@ -317,7 +321,7 @@ const editUser = async (data) => {
         style: {
           width: '100%'
         },
-        placeholder: '请输入8位数字',
+        placeholder: '请输入电话号码',
         disabled: isedit.value === '添加用户' ? false : true
       },
       formItemProps: {
@@ -517,7 +521,7 @@ const tianjia = async () => {
         style: {
           width: '100%'
         },
-        placeholder: '请输入8位数字',
+        placeholder: '请输入电话号码',
         disabled: isedit.value === '添加用户' ? false : true
       },
       formItemProps: {